Design Review

Design Review is a Quality skill for Claude Code, published by PromptPartner in agentsmith.

185 stars5 forkson PromptPartner/agentsmithAdded 2026/09/06Repository updated 2026/09/04

agentic-aiagentic-codingai-agentsai-toolsautomationclaudeclaude-codecodexcoding-agentdeveloper-toolsgeminillmllm-agentsopen-sourceprompt-engineeringvibe-coding

Install in seconds

Install Design Review

Copy Design Review into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/PromptPartner/agentsmith/tree/master/examples/ui-component-library/.claude/skills/design-review ~/.claude/skills/design-review

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/PromptPartner/agentsmith.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: examples/ui-component-library/.claude/skills/design-review/SKILL.md in PromptPartner/agentsmith
Installs to: ~/.claude/skills/design-review
Collection: One of 13 skills cataloged from this repository
Category: Quality — 1897 skills

What Design Review does

Design Review checks a Facet UI component against DESIGN.md before a UI PR is merged. It reviews tokens, states, accessibility, spacing, surfaces, responsiveness, and story/test coverage.

Design Review is cataloged under Quality on DirSkills. Design Review comes from a repository tagged agentic-ai, agentic-coding, ai-agents, ai-tools and automation.

Documentation

README

Excerpt

verify.sh proves a component builds, types, tests, and passes axe. It cannot prove the component matches the design system — "is this on-system?" is a judgment call, not a grep (see docs/11). This skill is that judgment pass, as a checklist, so a component doesn't ship looking almost-right. It loads only when you're reviewing UI — everyday work doesn't pay for it.

When this fires

You type /design-review, or you've added/restyled a component and are about to open or merge the PR.

This is the opening of the README. Read the full README on GitHub.

Commands Design Review provides

Slash commands named in this skill’s SKILL.md, listed in the order they first appear.

/design-review

Frequently asked about Design Review

What else does PromptPartner publish alongside Design Review?
Design Review is one of 13 skills that DirSkills catalogs from PromptPartner/agentsmith, the repository it ships in. Its siblings there include Autonomous Run, Example Skill and Handoff. Each one is a separate skill with its own page in this directory, installs the same way Design Review does, and is maintained by PromptPartner in that same repository. The rest of the collection is listed on the PromptPartner/agentsmith page.
How does Design Review compare to other Quality skills?
Design Review ranks #1647 by stars among the 1897 Quality skills in this catalog. The most-starred ones next to it are Benchmark, Benchmark Optimization Loop and API Design Patterns. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Design Review against them. Open each page to compare what they document and how they install.