design-implementation-reviewer
Use this agent when you need to verify that a UI implementation matches its Figma design specifications.
Skill by ratacat
Chalk Labs
Need help deploying design-implementation-reviewer?
Chalk Labs sets up agents like this inside real teams: connected to your tools, tested on your data, with a human in the loop where it matters.
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/ratacat-design-implementation-reviewer
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, frontend, agent-building
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/design-implementation-reviewer
What's inside
- Skill 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- <example>\n Context: The user has just implemented a new component based on a Figma design.\n user: "I've finished implementing the hero section based on the Figma design"\n assistant: "I'll review how well your implementation matches the Figma design."\n <commentary>\n Since UI implementation has been completed, use the design-implementation-reviewer agent to compare the live version with Figma.\n </commentary>\n </example>\n- <example>\n Context: After the general code agent has implemented design changes.\n user: "Update the button styles to match the new design system"\n assistant: "I've updated the butto...
- License
- unknown
- Instructions
- 89 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from ratacat/claude-skills
- 0.510score
creating-agent-skills
ratacat
Expert guidance for creating, writing, and refining Claude Code Skills.
SkillDFreshness: D★ 57Claude Code +9 - 0.510score
agent-native-architecture
ratacat
Build applications where agents are first-class citizens.
SkillDFreshness: D★ 57Claude Code +9 - 0.510score
ebook-extractor
ratacat
Use when user wants to extract text from ebooks (EPUB, MOBI, PDF).
SkillDFreshness: D★ 57Claude Code +9 - 0.510score
beautiful-mermaid-ascii
ratacat
Render Mermaid diagrams as readable ASCII/Unicode art in the terminal (from .mmd/.mermaid files, stdin, or Markdown ```mermaid fences).
SkillDFreshness: D★ 57Claude Code +9 - 0.510score
bd-to-br-migration
ratacat
Migrate docs from bd (beads) to br (beads_rust).
SkillDFreshness: D★ 57Claude Code +9 - 0.507score
git-worktree
ratacat
This skill manages Git worktrees for isolated parallel development.
SkillDFreshness: D★ 57Claude Code +9 - 0.505score
annas-archive-ebooks
ratacat
Use when needing to look up book content, find a book by title/author, download an ebook, or reference material from a published book.
SkillDFreshness: D★ 57Claude Code +9 - 0.505score
ankane-readme-writer
ratacat
Use this agent when you need to create or update README files following the Ankane-style template for Ruby gems.
SkillDFreshness: D★ 57Claude Code +9 - 0.505score
agent-browser
ratacat
Browser automation using Vercel's agent-browser CLI.
SkillDFreshness: D★ 57Claude Code +9 - 0.505score
agent-native-reviewer
ratacat
Use this agent when reviewing code to ensure features are agent-native - that any action a user can take, an agent can also take, and anything a user can see…
SkillDFreshness: D★ 57Claude Code +9 - 0.505score
best-practices-researcher
ratacat
Use this agent when you need to research and gather external best practices, documentation, and examples for any technology, framework, or development practice.
SkillDFreshness: D★ 57Claude Code +9 - 0.505score
architecture-strategist
ratacat
Use this agent when you need to analyze code changes from an architectural perspective, evaluate system design decisions, or ensure that modifications align…
SkillDFreshness: D★ 57Claude Code +9
Signals
- Stars
- 57
- Forks
- 10
- Open issues
- 3
- Last commit (this folder)
- Feb 11, 2026 (8 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- Repository
- github.com/ratacat/claude-skills
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from ratacat
- 0.510score
beautiful-mermaid-ascii
ratacat
Render Mermaid diagrams as readable ASCII/Unicode art in the terminal (from .mmd/.mermaid files, stdin, or Markdown ```mermaid fences).
SkillDFreshness: D★ 57Claude Code +9 - 0.510score
ebook-extractor
ratacat
Use when user wants to extract text from ebooks (EPUB, MOBI, PDF).
SkillDFreshness: D★ 57Claude Code +9 - 0.510score
agent-native-architecture
ratacat
Build applications where agents are first-class citizens.
SkillDFreshness: D★ 57Claude Code +9 - 0.510score
bd-to-br-migration
ratacat
Migrate docs from bd (beads) to br (beads_rust).
SkillDFreshness: D★ 57Claude Code +9 - 0.510score
creating-agent-skills
ratacat
Expert guidance for creating, writing, and refining Claude Code Skills.
SkillDFreshness: D★ 57Claude Code +9 - 0.507score
git-worktree
ratacat
This skill manages Git worktrees for isolated parallel development.
SkillDFreshness: D★ 57Claude Code +9
Done for you
Rather not set it up yourself?
Chalk Labs scopes, builds and runs agents for your team: the task audit, the eval harness, the integrations and the weekly ops report. Fixed scope, priced before we start.
See how we build AI agents →Read the case studies
Chalk Labs is a two-founder AI and growth studio. We build AI agents, CRMs and MVPs for Web3 and AI companies, and have shipped 50+ product and token launches.
- launches shipped
- 50+
- launches shipped
- media placements
- 500+
- media placements
- founders on every account
- 2
- founders on every account
Press we've placed: Forbes · CoinDesk · Decrypt · Cointelegraph · The Block
Rahil Jain, Co-founder, Chalk Labs. Ex-Goldman Sachs engineer. You talk to the person who builds it.
Get design-implementation-reviewer running in your business
Tell us what you want to automate. A founder replies within one working day with a plan, not a pitch deck.
Cite this page
design-implementation-reviewer skill. Agent Mart. https://agentmart.dev/skills/ratacat-design-implementation-reviewer (last updated 2026-10-24)