vadimgaidai

Design Analyzer — Data & AI agent for Claude Code

Data & AI community

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.

How to install Design Analyzer

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.

What Design Analyzer does

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

Alternatives in Data & AI

  • API Cost Scanner — Scans codebase for AI/API cost optimization opportunities including model usage, token estimates, caching stra 160 ★
  • Cross Service Auditor — Phase 8 cross-service taint-propagation agent that stitches inter-component data flows (HTTP/gRPC/queues/IPC/s 125 ★
  • Cost Optimizer — Cloud and LLM cost optimization specialist — FinOps, right-sizing, caching strategies, Claude/OpenAI token red 104 ★

Full documentation available on GitHub

View Source Repository

Related Agents

Aif Init — Data & AI agent for Claude Code

Aif Init

Generate a draft .ai-factory/DESCRIPTION.md and .ai-factory/ARCHITECTURE.md for a consumer repo. Reads package

Data & AI community
Ingest Discovery Scanner — Data & AI agent for Claude Code

Ingest Discovery Scanner

LLM leg of the discovery scan in the 9-pass ingestion protocol. Reads one converted source in full and adds to

Data & AI community
Pan Experiment Runner — Data & AI agent for Claude Code

Pan Experiment Runner

Drives an external AI coding session against an experiment folder. Observation-only — read-only relative to PA

Data & AI community
Analytics Planner — Data & AI agent for Claude Code

Analytics Planner

Use to produce a complete DesignOps health report across design AND production code. Fans out across four doma

Data & AI community
Ads Token Generator Worker — Data & AI agent for Claude Code

Ads Token Generator Worker

Invoke this agent to do the mechanical data-pulling work for token-generator — fetching raw Figma variable/lay

Data & AI community
Figma Converter — Data & AI agent for Claude Code

Figma Converter

Convert Figma API design data (from figma_fetch.py) into clean prototype HTML using project design system toke

Data & AI community

Related Skills

Anydesign — Design skill for Claude Code

Anydesign

Claude skill that analyzes images, websites, and Figma files and generates a structured design.md with token s

Design community
Audit With Verification — Security skill for Claude Code

Audit With Verification

Run a parallel-review-then-adversarial-verify audit on a URL, feature spec, or code path. Dispatches N reviewe

Security community
Audit Plan — Security skill for Claude Code

Audit Plan

Dispatch the plan-reviewer sub-agent to audit the active feature's spec.md and plan.md against PLANNING.md and

Security community