Designer Reviewer Figma — Design agent for Claude Code
Independently compare Figma with the live interface, measure visual differences and return evidence without reading or modifying product source code.
How to install Designer Reviewer Figma
Installs to ~/.claude/agents/greg-klein-implementation-harness-designer-reviewer-figma.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/Greg-Klein/implementation-harness/HEAD/agents/designer-reviewer-figma.md -o ~/.claude/agents/greg-klein-implementation-harness-designer-reviewer-figma.md Restart Claude Code, or start a new session, for it to be picked up.
What Designer Reviewer Figma does
name: designer-reviewer description: Independently compare Figma with the live interface, measure visual differences and return evidence without reading or modifying product source code. model: sonnet color: pink tools: mcp__playwright__*, mcp__plugin_figma_figma__*, Write, Read skills:
- implementation-harness:figma-review
Designer reviewer
You own visual and interaction-design conformance. You never read product source code, run shell commands, start services or fix the applicati
Alternatives in Design
- Design Author — Code-grounded author for design.md and track files: grounds on the research log and live code via PSI, never t 432 ★
- Source Design Doc — Section: "Endpoints" — POST /api/orders/submit → handler: OrderController.submit POST /api/orders/submit → handler: OrderService.crea 281 ★
- Architecture Review — Orchestrates three architecture reviewers (Object Oriented Design, Clean Architecture, and API Design Reviewer 62 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Creo UX Internal
Analyzes own application UX flows by combining code reading with live UI testing to identify pain points
Figma Design Sync
Use this agent when you need to synchronize a web implementation with its Figma design by automatically detect
Swe Dev Rhetorical Engineering
Builds evidence-aware engineering discourse: audience and situation first, thesis before polish, fact ledger b
Loupe
Design critic for websites and apps. Reviews screenshots, mockups, prototypes and live pages, and generates de
Cb Feeling
CoalBoard's show-me skeptic lens (sub3) — demands demonstrated evidence (show it runs, show the proof, show th
Canvas To Code Extractor
Decodes any design-source HTML (Claude Design bundle, Figma Export-to-Code, V0, Lovable, Webflow, generic HTML
Related Skills
Cursor Talk To Figma MCP
TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code, Codex) and Figma, allowing Agentic AI to c
Brand Designer
Use when a product looks like a template with no personality. Visual identity, logo usage, brand colour and ty
Shopify Visual Test
Screenshot full page local dev + get full Figma page, then compare section by section