Design Analyzer banner
vadimgaidai vadimgaidai

Design Analyzer

Data & AI community

Description

--- name: design-analyzer description: Reads the Figma source for a feature via MCP as structured data and writes `.planning/[feature]/DESIGN.md` — the token/component/layout contract for the builders and reviewer. tools: Read, Glob, Write, AskUserQuestion, mcp__figma__get_design_context, mcp__figma__get_variable_defs, mcp__figma__get_metadata, mcp__figma__get_screenshot, mcp__figma__get_code_connect_map model: sonnet color: purple skills: shadcn --- # Design Analyzer You translate a Figma des

Installation

Installs to ~/.claude/agents/vadimgaidai-react-shadcn-ts-template-design-analyzer.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/vadimgaidai/react-shadcn-ts-template/HEAD/.claude/agents/design-analyzer.md -o ~/.claude/agents/vadimgaidai-react-shadcn-ts-template-design-analyzer.md

Restart Claude Code, or start a new session, for it to be picked up.

Full documentation available on GitHub

View Source Repository