
Landing page from Figma
Quest Turn a Figma design into a polished landing page
- Hero
- Claude Code
- Weapon
Claude Opus 5.5- Charge
Figma MCP Server
Anthropic Frontend Design
shadcn MCP Server
Microsoft Playwright MCP
Vercel Web Design Guidelines
Browses shadcn registries and installs components into the project from chat.
Foe: Blank Mimic, an empty screen or canvas that needs a design.
Foes
Party · Context
The Blank Mimic blocks the way.
What really happensIt stands for an empty screen or canvas that needs a design.
Illusionist: Context 100/100.
The blank page stares back and drains the hero.
What really happensStarting a screen from nothing costs time and context.
Illusionist takes 9. Illusionist: Context 91/100.
The shadcn orb opens a portal to the registries in this project.
What really happensThe server runs npx shadcn@latest mcp and reads registries from components.json.
Blank Mimic takes 29.
It searches the shelves for a button, a form, or a block.
What really happensThe agent can list and search components, blocks, and templates from the shadcn registry or any configured registry.
Blank Mimic takes 13.
The Blank Mimic uses Blank stare.
Illusionist takes 9. Illusionist: Context 82/100.
Named components drop straight into the project files.
What really happensA prompt such as adding button, dialog, and card installs those items through the shadcn CLI.
Blank Mimic takes 32.
The Blank Mimic is dressed in components from the registry.
What really happensYou get registry source installed in the project, including namespaced registries such as @acme when configured.
Blank Mimic takes 26. Blank Mimic falls.
The Blank Mimic falls.
Claude Code
npx shadcn@latest mcp init --client claudeCodex
npx shadcn@latest mcp init --client codexRun it in a project. Claude Code: npx shadcn@latest mcp init --client claude, then restart. Codex: the same init with --client codex does not edit ~/.codex/config.toml. Add [mcp_servers.shadcn] with command npx and args shadcn@latest, mcp, then restart. The default registry needs no extra config. Private registries go in components.json and can use env vars such as REGISTRY_TOKEN.
This spell has no recorded sessions in the curator's logs. Tried it? Send a spell report.