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
Plans palette, type, and layout for a specific brief, then builds the UI.
How it works
Foe: Blank Mimic, an empty screen or canvas that needs a design.
Foes
- Blank MimicHaze Poison Ward Insight Flicker Pinned Enraged
Party · Context
- IllusionistYour agent100/100Haze Poison Ward Insight Flicker Pinned Enraged
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 hero unrolls the Frontend Design scroll before drawing a screen.
What really happensThe agent loads the frontend-design skill when you ask for new UI or a reshape of an existing one.
Blank Mimic takes 19.
It names colors, type, and layout for this subject before any code.
What really happensIt writes a short plan: 4 to 6 named hex colors, typefaces and roles, a layout with an ASCII wireframe, and what should make this page specific.
Blank Mimic takes 16.
The Blank Mimic uses Blank stare.
Illusionist takes 9. Illusionist: Context 82/100.
Hammer sparks as the page is built from the revised plan.
What really happensAfter checking the plan against the brief, it writes the interface, including copy when the brief has none.
Blank Mimic takes 24.
A ward checks focus, motion, and whether one bold choice is enough.
What really happensIt aims for a mobile layout, visible keyboard focus, reduced motion, and accessible color, and cuts decoration that does not serve the brief.
Blank Mimic takes 10. Illusionist: Ward.
The Blank Mimic takes a shape that belongs to this subject.
What really happensYou get interface code whose palette, type, and layout were chosen for this brief, with one memorable element and the rest kept quiet.
Blank Mimic takes 31. Blank Mimic falls.
The Blank Mimic falls.
1 / 9
Learn this spell
Claude Code
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skillsNotes
Claude Code install is the example-skills plugin from anthropics/skills; no Codex install is documented. The SKILL.md also works on its own. It does not open a browser or a design file. The agent plans tokens, checks them against the brief, then writes code. Screenshots are used only if the environment can take them. Skip this if you already installed the official frontend-design plugin, which ships the same skill.
Proving Grounds record
Controlled quest results, separate from recorded usage. Each setup pools runs across its quests. The per-quest table below has casts, cast time, mana, incantation and runes; medians are not pooled.
Hero: Claude Code 2.1.305; weapon (model): claude-haiku-5-5; charge (effort): low; arena: sealed; invoked cast (the prompt named the skill). macOS 27.0.1, arm64. Curator.
Clear rate50%3 of 6 runs passed every check; Unarmed: 2 of 6 (matched quests)
Steadiness19%reliability: Wilson 95% lower bound
Buff+17 ppvs Unarmed, only matched quests (6 equipped runs; 6 control runs)
Instant casts0 of 6runs cleared on the first prompt; Unarmed: 0 of 6 (matched quests)
Attunement83%5 of 6 runs opened an equipped skill
Upkeep-24% manaextra mana per run vs Unarmed, median of 2 quests
IncantationNot measuredoutput tokens per run vs Unarmed
Runes+1%lines added per run vs Unarmed, median of 2 quests
Hero: Claude Code 2.1.305; weapon (model): claude-opus-5-5; charge (effort): high; arena: sealed; invoked cast (the prompt named the skill). macOS 27.0.1, arm64. Curator.
Clear rate44%4 of 9 runs passed every check; Unarmed: 3 of 9 (matched quests)
Steadiness19%reliability: Wilson 95% lower bound
Buff+11 ppvs Unarmed, only matched quests (9 equipped runs; 9 control runs)
Instant casts4 of 9runs cleared on the first prompt; Unarmed: 3 of 9 (matched quests)
Attunement100%9 of 9 runs opened an equipped skill
Upkeep+2% manaextra mana per run vs Unarmed, median of 2 quests
IncantationNot measuredoutput tokens per run vs Unarmed
Runes-4%lines added per run vs Unarmed, median of 2 quests
Hero: Claude Code 2.1.305; weapon (model): claude-sonnet-5-5; charge (effort): medium; arena: sealed; invoked cast (the prompt named the skill). macOS 27.0.1, arm64. Curator.
Clear rate50%4 of 8 runs passed every check; Unarmed: 22 of 32 (matched quests)
Steadiness22%reliability: Wilson 95% lower bound
Buff-19 pp debuffvs Unarmed, only matched quests (8 equipped runs; 32 control runs)
Instant casts1 of 8runs cleared on the first prompt; Unarmed: 9 of 32 (matched quests)
Attunement100%8 of 8 runs opened an equipped skill
Upkeep+28% manaextra mana per run vs Unarmed, median of 2 quests
IncantationNot measuredoutput tokens per run vs Unarmed
Runes+4%lines added per run vs Unarmed, median of 2 quests
Hero: OMP 18.8.3; weapon (model): anthropic/claude-sonnet-5-5; charge (effort): medium; arena: warded; invoked cast (the prompt named the skill). macOS 27.0.1, arm64. Curator.
Clear rate0%0 of 3 runs passed every check; Unarmed: 1 of 6 (matched quests)
Steadiness0%reliability: Wilson 95% lower bound
Buff-17 pp debuffvs Unarmed, only matched quests (3 equipped runs; 6 control runs)
Instant casts0 of 3runs cleared on the first prompt; Unarmed: 1 of 6 (matched quests)
Attunement100%3 of 3 runs opened an equipped skill
Upkeep+38% manaextra mana per run vs Unarmed, median of 1 quest
IncantationNot measuredoutput tokens per run vs Unarmed
Runes+13%lines added per run vs Unarmed, median of 1 quest
Hero: Claude Code 2.1.305; weapon (model): claude-sonnet-5-5; charge (effort): medium; arena: sealed; ambient cast (the agent chose). macOS 27.0.1, arm64. Curator.
Clear rate75%3 of 4 runs passed every check; Unarmed: 22 of 32 (matched quests)
Steadiness30%reliability: Wilson 95% lower bound
Buff+6 ppvs Unarmed, only matched quests (4 equipped runs; 32 control runs)
Instant casts1 of 4runs cleared on the first prompt; Unarmed: 9 of 32 (matched quests)
Attunement0%0 of 4 runs opened an equipped skill
Upkeep+19% manaextra mana per run vs Unarmed, median of 2 quests
IncantationNot measuredoutput tokens per run vs Unarmed
Runes+8%lines added per run vs Unarmed, median of 2 quests
| QuestFixed task | Clear ratePassed runs | SteadinessReliability lower bound | BuffClear-rate points vs Unarmed | Instant castsFirst-prompt clears | CastsPrompts to clear | Cast timeAgent runtime | ManaCost at API list prices | IncantationOutput tokens | RunesLines added / removed | AttunementSkills opened | SetupApp, model, effort and sandbox |
|---|---|---|---|---|---|---|---|---|---|---|---|
| Illusionist: pricing plan switcherQuest v8 | 0%0 of 3Unarmed: 0% (0 of 3) | 0% | +0 ppvs Unarmed | 0 of 30%Unarmed: 0 of 3 | Not reported | 1m 36sUnarmed: 2m 24s | 188 Unarmed: 278 | Not reportedUnarmed: Not reported | +480 / -3Unarmed: +508 / -3 | 100% | Hero: Claude Code 2.1.305; weapon (model): claude-haiku-5-5; charge (effort): low; arena: sealed; invoked cast (the prompt named the skill). macOS 27.0.1, arm64. Curator.0 mishaps excluded. 2026-10-21 to 2026-10-21.Scrying (screenshot) Try this loadoutRecorded with quest v8 and spell commits |
| Illusionist: pricing plan switcherQuest v8 | 17%1 of 6Unarmed: 33% (2 of 6) | 3% | -17 pp debuffvs Unarmed | 1 of 617%Unarmed: 2 of 6 | 1 | 5m 54sUnarmed: 4m 38s | 12,637 Unarmed: 9,828 | Not reportedUnarmed: Not reported | +699 / -2Unarmed: +730 / -2 | 100% | Hero: Claude Code 2.1.305; weapon (model): claude-opus-5-5; charge (effort): high; arena: sealed; invoked cast (the prompt named the skill). macOS 27.0.1, arm64. Curator.0 mishaps excluded. 2026-10-21 to 2026-10-21.Scrying (screenshot) Try this loadoutRecorded with quest v8 and spell commits |
| Illusionist: pricing plan switcherQuest v8 | 20%1 of 5Unarmed: 53% (9 of 17) | 4% | -33 pp debuffvs Unarmed | 1 of 520%Unarmed: 9 of 17 | 1 | 1m 37sUnarmed: 1m 37s | 2,823 Unarmed: 2,764 | Not reportedUnarmed: 14.5k | +380 / -3Unarmed: +394 / -3 | 100% | Hero: Claude Code 2.1.305; weapon (model): claude-sonnet-5-5; charge (effort): medium; arena: sealed; invoked cast (the prompt named the skill). macOS 27.0.1, arm64. Curator.0 mishaps excluded. 2026-10-21 to 2026-10-21.Scrying (screenshot) Try this loadoutRecorded with quest v8 and spell commits |
| Illusionist: pricing plan switcherQuest v8 | 50%1 of 2Unarmed: 53% (9 of 17) | 9% | -3 pp debuffvs Unarmed | 1 of 250%Unarmed: 9 of 17 | 1 | 1m 55sUnarmed: 1m 37s | 3,006 Unarmed: 2,764 | Not reportedUnarmed: 14.5k | +406 / -3Unarmed: +394 / -3 | 0% | Hero: Claude Code 2.1.305; weapon (model): claude-sonnet-5-5; charge (effort): medium; arena: sealed; ambient cast (the agent chose). macOS 27.0.1, arm64. Curator.0 mishaps excluded. 2026-10-21 to 2026-10-21.Scrying (screenshot) Try this loadoutRecorded with quest v8 and spell commits |
| Illusionist: pricing plan switcherQuest v8 | 0%0 of 3Unarmed: 17% (1 of 6) | 0% | -17 pp debuffvs Unarmed | 0 of 30%Unarmed: 1 of 6 | Not reported | 1m 19sUnarmed: 1m 6s | 2,131 Unarmed: 1,541 | Not reportedUnarmed: 10.2k | +415 / -3Unarmed: +368 / -3 | 100% | Hero: OMP 18.8.3; weapon (model): anthropic/claude-sonnet-5-5; charge (effort): medium; arena: warded; invoked cast (the prompt named the skill). macOS 27.0.1, arm64. Curator.0 mishaps excluded. 2026-10-21 to 2026-10-21.Scrying (screenshot) Try this loadoutRecorded with quest v8 and spell commits |
| Illusionist: booking form repairQuest v4 | 100%3 of 3Unarmed: 67% (2 of 3) | 44% | +33 ppvs Unarmed | 0 of 30%Unarmed: 0 of 3 | 2 | 1m 47sUnarmed: 2m 10s | 230 Unarmed: 271 | Not reportedUnarmed: Not reported | +170 / -81Unarmed: +158 / -79 | 67% | Hero: Claude Code 2.1.305; weapon (model): claude-haiku-5-5; charge (effort): low; arena: sealed; invoked cast (the prompt named the skill). macOS 27.0.1, arm64. Curator.0 mishaps excluded. 2026-10-21 to 2026-10-21.Scrying (screenshot) Try this loadoutRecorded with quest v4 and spell commits |
| Illusionist: booking form repairQuest v4 | 100%3 of 3Unarmed: 33% (1 of 3) | 44% | +67 ppvs Unarmed | 3 of 3100%Unarmed: 1 of 3 | 1 | 2m 46sUnarmed: 3m 44s | 6,533 Unarmed: 8,662 | Not reportedUnarmed: Not reported | +236 / -85Unarmed: +245 / -86 | 100% | Hero: Claude Code 2.1.305; weapon (model): claude-opus-5-5; charge (effort): high; arena: sealed; invoked cast (the prompt named the skill). macOS 27.0.1, arm64. Curator.0 mishaps excluded. 2026-10-21 to 2026-10-21.Scrying (screenshot) Try this loadoutRecorded with quest v4 and spell commits |
| Illusionist: booking form repairQuest v4 | 100%3 of 3Unarmed: 87% (13 of 15) | 44% | +13 ppvs Unarmed | 0 of 30%Unarmed: 0 of 15 | 2 | 1m 23sUnarmed: 1m 6s | 2,724 Unarmed: 1,761 | Not reportedUnarmed: 12.2k | +127 / -69Unarmed: +114 / -61 | 100% | Hero: Claude Code 2.1.305; weapon (model): claude-sonnet-5-5; charge (effort): medium; arena: sealed; invoked cast (the prompt named the skill). macOS 27.0.1, arm64. Curator.0 mishaps excluded. 2026-10-21 to 2026-10-21.Scrying (screenshot) Try this loadoutRecorded with quest v4 and spell commits |
| Illusionist: booking form repairQuest v4 | 100%2 of 2Unarmed: 87% (13 of 15) | 34% | +13 ppvs Unarmed | 0 of 20%Unarmed: 0 of 15 | 2 | 1m 12sUnarmed: 1m 6s | 2,275 Unarmed: 1,761 | Not reportedUnarmed: 12.2k | +128 / -70Unarmed: +114 / -61 | 0% | Hero: Claude Code 2.1.305; weapon (model): claude-sonnet-5-5; charge (effort): medium; arena: sealed; ambient cast (the agent chose). macOS 27.0.1, arm64. Curator.0 mishaps excluded. 2026-10-21 to 2026-10-21.Scrying (screenshot) Try this loadoutRecorded with quest v4 and spell commits |
Scrying (screenshots of runs)
The latest run of each setup. Local paths, names and ids are blurred; credentials are removed.
Equipped in these loadouts
Combos with this spell
Figma design to a tested interface
Illusionist · Frontend design- Figma MCP Server
- Anthropic Frontend Design
- Vercel Web Design Guidelines
- Microsoft Playwright MCP
This spell has no recorded sessions in the curator's logs. Tried it? Send a spell report.