Claude Code plugin that loads the frontend-design skill for new or reshaped UI.

How it works

Foe: Blank Mimic, an empty screen or canvas that needs a design.

Foes

  • Blank Mimic

Party · Context

  • IllusionistYour agent100/100
  1. Blank Mimic

    The Blank Mimic blocks the way.

    What really happensIt stands for an empty screen or canvas that needs a design.

    Illusionist: Context 100/100.

  2. Blank stare

    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.

  3. Anthropic Frontend Design Plugin

    The Frontend Design relic clicks into place for frontend work.

    What really happensClaude Code installs the frontend-design plugin. It loads the bundled skill when you ask for UI.

    Blank Mimic takes 21.

  4. Anthropic Frontend Design Plugin

    The relic reads the brief and sketches tokens before code.

    What really happensThe skill asks for a palette, type roles, and a layout plan, then a check that the plan fits this brief.

    Blank Mimic takes 18.

  5. Blank stare

    The Blank Mimic uses Blank stare.

    Illusionist takes 9. Illusionist: Context 82/100.

  6. Anthropic Frontend Design Plugin

    Sparks fly as the page is forged to that plan.

    What really happensThe agent writes the interface from the revised plan, including copy when the brief does not supply it.

    Blank Mimic takes 26.

  7. Anthropic Frontend Design Plugin

    The Blank Mimic wears a look chosen for this subject.

    What really happensYou get UI from the frontend-design skill bundled in Anthropic's official Claude Code plugin.

    Blank Mimic takes 35. Blank Mimic falls.

  8. Victory

    The Blank Mimic falls.

Learn this spell

Claude Code

/plugin install frontend-design@claude-plugins-official

Notes

Claude Code only. Claude Code loads the bundled skill for frontend work. The bundled SKILL.md matches the anthropics/skills frontend-design text, so installing both loads the same workflow twice.

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 rate100%1 of 1 runs passed every check; Unarmed: 2 of 3 (matched quests)
Steadiness21%reliability: Wilson 95% lower bound
Buff+33 ppvs Unarmed, only matched quests (1 equipped runs; 3 control runs)
Instant casts0 of 1runs cleared on the first prompt; Unarmed: 0 of 3 (matched quests)
Attunement100%1 of 1 runs opened an equipped skill
Upkeep-1% manaextra mana per run vs Unarmed, median of 1 quest
IncantationNot measuredoutput tokens per run vs Unarmed
Runes+37%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; invoked cast (the prompt named the skill). macOS 27.0.1, arm64. Curator.

Clear rate50%3 of 6 runs passed every check; Unarmed: 22 of 32 (matched quests)
Steadiness19%reliability: Wilson 95% lower bound
Buff-19 pp debuffvs Unarmed, only matched quests (6 equipped runs; 32 control runs)
Instant casts1 of 6runs cleared on the first prompt; Unarmed: 9 of 32 (matched quests)
Attunement100%6 of 6 runs opened an equipped skill
Upkeep+35% manaextra mana per run vs Unarmed, median of 2 quests
IncantationNot measuredoutput tokens per run vs Unarmed
Runes+11%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; ambient cast (the agent chose). macOS 27.0.1, arm64. Curator.

Clear rate50%2 of 4 runs passed every check; Unarmed: 22 of 32 (matched quests)
Steadiness15%reliability: Wilson 95% lower bound
Buff-19 pp debuffvs Unarmed, only matched quests (4 equipped runs; 32 control runs)
Instant casts0 of 4runs cleared on the first prompt; Unarmed: 9 of 32 (matched quests)
Attunement0%0 of 4 runs opened an equipped skill
Upkeep+14% manaextra mana per run vs Unarmed, median of 2 quests
IncantationNot measuredoutput tokens per run vs Unarmed
Runes-7%lines added per run vs Unarmed, median of 2 quests
Per-quest Proving Grounds record
QuestFixed taskClear ratePassed runsSteadinessReliability lower boundBuffClear-rate points vs UnarmedInstant castsFirst-prompt clearsCastsPrompts to clearCast timeAgent runtimeManaCost at API list pricesIncantationOutput tokensRunesLines added / removedAttunementSkills openedSetupApp, model, effort and sandbox
Illusionist: pricing plan switcherQuest v80%0 of 3Unarmed: 53% (9 of 17)0%-53 pp debuffvs Unarmed0 of 30%Unarmed: 9 of 17Not reported1m 47sUnarmed: 1m 37s3,014 Unarmed: 2,764Not reportedUnarmed: 14.5k+412 / -3Unarmed: +394 / -3100%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 loadout
node "<spell-report-skill-directory>/scripts/spell-report.mjs" trial --spell anthropic-frontend-design-plugin --quest illusionist-pricing-tabs --hero claude-code --weapon 'claude-sonnet-5-5' --charge medium --cast invoked --control

Recorded with quest v8 and spell commits anthropic-frontend-design-plugin@d1adba47161a271799de7b548225d929310046bd. How to run it

Illusionist: pricing plan switcherQuest v80%0 of 2Unarmed: 53% (9 of 17)0%-53 pp debuffvs Unarmed0 of 20%Unarmed: 9 of 17Not reported1m 52sUnarmed: 1m 37s3,035 Unarmed: 2,764Not reportedUnarmed: 14.5k+333 / -4Unarmed: +394 / -30%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 loadout
node "<spell-report-skill-directory>/scripts/spell-report.mjs" trial --spell anthropic-frontend-design-plugin --quest illusionist-pricing-tabs --hero claude-code --weapon 'claude-sonnet-5-5' --charge medium --cast ambient --control

Recorded with quest v8 and spell commits anthropic-frontend-design-plugin@d1adba47161a271799de7b548225d929310046bd. How to run it

Illusionist: booking form repairQuest v4100%1 of 1Unarmed: 67% (2 of 3)21%+33 ppvs Unarmed0 of 10%Unarmed: 0 of 322m 6sUnarmed: 2m 10s269 Unarmed: 271Not reportedUnarmed: Not reported+217 / -86Unarmed: +158 / -79100%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 loadout
node "<spell-report-skill-directory>/scripts/spell-report.mjs" trial --spell anthropic-frontend-design-plugin --quest illusionist-signup-form --hero claude-code --weapon 'claude-haiku-5-5' --charge low --cast invoked --control

Recorded with quest v4 and spell commits anthropic-frontend-design-plugin@d1adba47161a271799de7b548225d929310046bd. How to run it

Illusionist: booking form repairQuest v4100%3 of 3Unarmed: 87% (13 of 15)44%+13 ppvs Unarmed1 of 333%Unarmed: 0 of 1521m 30sUnarmed: 1m 6s2,843 Unarmed: 1,761Not reportedUnarmed: 12.2k+135 / -79Unarmed: +114 / -61100%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 loadout
node "<spell-report-skill-directory>/scripts/spell-report.mjs" trial --spell anthropic-frontend-design-plugin --quest illusionist-signup-form --hero claude-code --weapon 'claude-sonnet-5-5' --charge medium --cast invoked --control

Recorded with quest v4 and spell commits anthropic-frontend-design-plugin@d1adba47161a271799de7b548225d929310046bd. How to run it

Illusionist: booking form repairQuest v4100%2 of 2Unarmed: 87% (13 of 15)34%+13 ppvs Unarmed0 of 20%Unarmed: 0 of 1521m 3sUnarmed: 1m 6s2,090 Unarmed: 1,761Not reportedUnarmed: 12.2k+116 / -67Unarmed: +114 / -610%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 loadout
node "<spell-report-skill-directory>/scripts/spell-report.mjs" trial --spell anthropic-frontend-design-plugin --quest illusionist-signup-form --hero claude-code --weapon 'claude-sonnet-5-5' --charge medium --cast ambient --control

Recorded with quest v4 and spell commits anthropic-frontend-design-plugin@d1adba47161a271799de7b548225d929310046bd. How to run it

Scrying (screenshots of runs)

The latest run of each setup. Local paths, names and ids are blurred; credentials are removed.

Scrying (screenshot) of a fizzled run of Illusionist: pricing plan switcher with Anthropic Frontend Design Plugin, Claude CodeScrying (screenshot) of a fizzled run of Illusionist: pricing plan switcher with Anthropic Frontend Design Plugin, Claude CodeScrying (screenshot) of a cleared run of Illusionist: booking form repair with Anthropic Frontend Design Plugin, Claude CodeScrying (screenshot) of a cleared run of Illusionist: booking form repair with Anthropic Frontend Design Plugin, Claude Code
Explore the quests, full results and trial method

This spell has no recorded sessions in the curator's logs. Tried it? Send a spell report.