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
Illusionist skill tree
Every spell in this class, in the row where it usually goes. Pick a few from each row for a loadout.
ScoutGather context
CraftMake the thing
TestCheck the work
ShipDeliver it
Nothing equipped here
Loadouts
Combos
Figma design to a tested interface
Illusionist · Frontend design- Figma MCP Server
- Anthropic Frontend Design
- Vercel Web Design Guidelines
- Microsoft Playwright MCP
shadcn components with registry tools
Illusionist · Frontend design
shadcn Skill- shadcn MCP Server
Spells
14 spells
Plans palette, type, and layout for a specific brief, then builds the UI.
182,629 GitHub stars on anthropics/skills
Searches a local catalog of UI styles, palettes, type pairings, UX guidelines, icons, and stack patterns.
138,233 GitHub stars on nextlevelbuilder/ui-ux-pro-max-skill12,403 npm downloads last week for ui-ux-pro-max-cli
Inspects a live page through Chrome DevTools MCP: DOM, console, network, and performance.
109,146 GitHub stars on addyosmani/agent-skills
Builds accessible, responsive interface changes and checks them against WCAG.
109,146 GitHub stars on addyosmani/agent-skills
Drives live Chrome for clicks, console, network, screenshots, and performance traces.
53,926 GitHub stars on ChromeDevTools/chrome-devtools-mcp1,737,496 npm downloads last week for chrome-devtools-mcp
Lv 5
Claude Code plugin that loads the frontend-design skill for new or reshaped UI.
43,514 GitHub stars on anthropics/claude-plugins-official
Browser automation and inspection through Playwright and structured accessibility snapshots.
38,460 GitHub stars on microsoft/playwright-mcp3,465,430 npm downloads last week for @playwright/mcp
React and Next.js rules for waterfalls, bundle size, server work, and re-renders.
32,751 GitHub stars on vercel-labs/agent-skills
Fetches Vercel's interface rules and reports UI findings as file:line notes.
32,751 GitHub stars on vercel-labs/agent-skills
Checks a rendered page with the Browser plugin, or Playwright if Browser is missing.
7,519 GitHub stars on openai/plugins
Claude Code plugin for the Axe MCP Server: scan a page for accessibility violations, batch the fixes, and rescan to zero.
1 GitHub stars on dequelabs/axe-accessibility
Reads Figma frames, variables, and Code Connect, and can write to the remote canvas.
Browses shadcn registries and installs components into the project from chat.
Reads components.json, then finds, composes, and adds shadcn components with the CLI.
Lv 4