Greg-Klein

Designer Reviewer Figma — Design agent for Claude Code

Design community

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

Terminal
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 Repository