Prompt library

/plan Add multi-tenant billing with Stripe webhooks, per-org feature flags, and a migration from the legacy plans table.
Constraints: zero downtime, TypeScript strict, existing Prisma schema, tests required.
Output: approach options, recommended path, risks, validation steps. Wait for approval before coding.

/design Design direction for a B2B analytics product pricing + landing page.
Audience: CTOs. Tone: editorial, expensive, calm.
Tokens: dark near-black, one teal accent, ≤2 fonts, concentric radii.
Ban: purple gradients, emoji icons, lorem, identical nested radii.
Deliver token CSS + section hierarchy first. Do not implement until I approve.

grok -p "Run the unit test suite. Fix only failing tests and related production bugs. Do not refactor unrelated code. Stop when tests are green. Summarize files touched."

Build a polished client portal for a landscaping company.
Pages: home, services, quote request, admin leads dashboard.
Tone: earthy, professional, mobile-first.
Leads stored for signed-in admins. Real sample content — no lorem.
Verify: visible content, clean console, works at 390px width.

Keep the current layout and data model.
Make the hero calmer (no loud gradient), increase mobile spacing,
and add an empty state to the leads table when there are zero rows.
Do not rename routes.

Build a production marketing site for a B2B SaaS startup.
Product: [name] — [one sentence value prop]
Audience: [role] at [company stage]
Primary CTA: Start free trial · Secondary: Book a demo
Brand: near-black, one teal accent, Syne + IBM Plex Sans
Ban: purple gradients, emoji icons, lorem, stock handshake photos
Sections: sticky nav, hero+product mock, logo bar, problem/solution,
how it works, 3-tier pricing, quotes, FAQ, waitlist form, footer
Technical: React+Tailwind, mobile 390px, SEO+OG, static-export friendly
VERIFY: clean console, no horizontal overflow, CTA above fold mobile.

Keep layout and brand tokens.
Rewrite hero for CTOs who already tried 2 CRMs.
Make Growth pricing tier the visual default.
Add FAQ items about security and data residency.
Do not change routes or form endpoints.

/design Audit this existing website for a visual + conversion refresh.
I will provide: [screenshots OR repo OR HTML]
Output ONLY: what works, what looks dated, hierarchy issues, mobile failures,
token proposal, 5-phase plan, SEO/form risks.
Do NOT write application code yet.

Refresh ONLY the homepage.
Keep all routes, form actions, logo SVG, accent hex.
Rewrite hero + social proof + feature density.
Improve mobile spacing; no overflow at 390px.
Do not touch pricing or blog. Deliver file diff summary.

Create refresh-layer.css that modernizes legacy markup without HTML rewrites.
Tokens: dark bg, one accent, 2 fonts, calmer buttons/cards.
Map common classes (.site-header, .btn-primary, .card).
Kill mega gradients. Mobile container padding. Include WP enqueue snippet.

Build a cinematic marketing site for a creative studio.
Hero: muted looping video + poster, play/pause, prefers-reduced-motion still.
Chapters: sticky media + scrolling copy. Project grid with hover video.
Ambient audio toggle OFF by default. Lazy-load below fold.
Perf: hero video ≤4MB, poster ≤200KB, LCP is poster not video.
Real copy, one accent, no purple mesh. Clean console at 390px.

1) Still: cinematic wide black stage, single chrome pedestal, volumetric light, no text, 16:9.
2) I2V: slow push-in, dust motes, subtle light flicker, no new objects, 6s loop-friendly.
Export notes for poster JPG + compressed mp4/webm.

GOAL: [one sentence when done]
CONTEXT: [product, audience, stack, hosting]
CONSTRAINTS:
- Keep: [routes, brand, endpoints…]
- Ban: [purple gradients, lorem, scope creep…]
- Quality: [390px, a11y, clean console…]
DELIVERABLES: [ordered list]
DONE WHEN: [testable checklist]
MODE: [plan only | design only | implement | iterate only]

STOP. Re-read constraints.
You violated: [what]
Required freeze: [list]
Required deliverable now: [single next artifact]
Do not continue past that until I say proceed.

Design and build a production marketing site for a boutique architecture firm.
Audience: homeowners renovating $500k+ properties.
Primary action: book a consultation.
Tone: confident quiet luxury. Mobile-first.
Sections: hero, proof, services, case studies, FAQ, contact.
Visual: dark editorial, one accent, Lucide icons, no purple gradients.
Hosting target: Hostinger Cloud Startup (dedicated IP, CDN, NVMe) — static-export friendly, Core Web Vitals, SEO meta + OG.
Deliver responsive pages with real sample content and deploy notes for public_html + CDN.

Build a single-player top-down twin-stick shooter.
Core loop: wave enemies, dash cooldown, 3 weapons.
Controls: WASD move, mouse aim/shoot, Space dash. Verify A=left D=right.
Mobile: virtual joystick + fire, 44px targets.
Art: real 2D sprite sheets (not stick figures).
Feel: screen shake, hit-stop, particles. Audio unlock on first tap.
Meta: local high score, pause, start screen.
Done: playable 2 minutes, no console errors, works at 390px.

Local kart racer: 3 laps, rubber-band AI, drift boost, item boxes.
Chase camera. A must turn left while moving forward (self-test required — not screenshot only).
Mobile steering + accelerate. Readable HUD over bright track.

Studio portrait of Mira Chen, 28, sharp emerald eyes, defined jaw,
messy auburn hair in a loose bun, small scar above left eyebrow,
tailored navy trench over white silk blouse, thin silver pendant.
Neutral gray background, Rembrandt lighting, 85mm, photoreal,
identity-defining details sharp. Aspect 3:4.

Using the character references for face and full-body outfit:
Mira walks through a sunlit archive hall, dust in light shafts.
Medium shot, steady steadicam follow, calm confidence.
FREEZE: exact face geometry, hair, trench coat, pendant, body proportions.
CHANGE ONLY: location and natural walk. 6 seconds, 16:9, 1080p if available.

Animate this still: slow push-in, she turns her head slightly toward camera,
coat fabric settles, dust motes drift. No new characters, no outfit change,
no rapid cuts. Single simple motion. 6 seconds.

Refs: mira-master face, mira end-of-ep1 still (torn sleeve + brass key), night-market plate.
Mira sprints through a night market clutching the brass key.
Neon bokeh, handheld chase energy.
FREEZE: same face and hair, torn sleeve visible, pendant, brass key in right hand.
Do not heal the sleeve. Do not change outfit colors. 6 seconds.

Character image + voice reference attached.
Close-up: she sings one sustained chorus line on a dim stage.
Microphone in hand, soft backlight haze, locked face and voice,
slow dolly-in, no choreography changes. Single line only.

/design Polish the existing dashboard without changing data models.
Fix density, table alignment, empty states, chart card hierarchy.
Keep the current brand accent. Produce a before/after note per surface. Mobile 390px pass.

/skillify Create a reusable skill from this session's design system:
token CSS, anti-slop rules, component inventory, mobile checklist.
Name it studio-design. Description should trigger on landing pages and dashboards.