EveryInc

Design Implementation Reviewer — Design agent for Claude Code

Design community

name: design-implementation-reviewer description: Use this agent when you need to verify that a UI implementation matches its Figma design specifications.

How to install Design Implementation Reviewer

Installs to ~/.claude/agents/everyinc-claude_commands-design-implementation-reviewer.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/EveryInc/claude_commands/HEAD/agents/design-implementation-reviewer.md -o ~/.claude/agents/everyinc-claude_commands-design-implementation-reviewer.md

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

What Design Implementation Reviewer does


name: design-implementation-reviewer description: Use this agent when you need to verify that a UI implementation matches its Figma design specifications. This agent should be called after code has been written to implement a design, particularly after HTML/CSS/React components have been created or modified. The agent will visually compare the live implementation against the Figma design and provide detailed feedback on discrepancies.\n\nExamples:\n- \n Context: The user has just i

Alternatives in Design

Full documentation available on GitHub

View Source Repository