How to use
Every shell in the gallery is a real React component and ships with the exact prompt that generated it. The flow is four steps, and the longest one is "decide which one you like."
Filter by the tag that matches the role you're casting for — minimal, editorial, motion-heavy, dark, you name it. Hover a card to see its name, click to open it on a full stage.
Tip: tags are listed across the top of the gallery.
The shell renders at its native 1440×900 so you can read the real layout, not a screenshot of one. Flip between light and dark to make sure the design holds up in both modes — many shells ship a tuned alternate prompt for the off-theme.
The toolbar's Copy prompt button puts the exact generation prompt on your clipboard. That's the same text we fed to an LLM to produce what you're looking at — nothing hidden, nothing curated away.
Drop the prompt into Claude Code, Cursor, Codex, Windsurf, or whatever agent you live in. Ask it to swap in your projects, your fonts, your colour. The prompts are written to be remixed — change one paragraph and you get a new design.
Bringing your own copy and case studies as part of the prompt makes the first pass land closer to "done."