UX/UI Agent Skills
Turn Claude into a senior design architect with 52 objective gates.
About
A comprehensive design kit by plugin87: DTCG design-token generation, 52 production components, WCAG 2.2 AA-to-AAA auditing, a library of 138 brand-grade design systems, any-framework code generation and 19 invocable slash skills. Its distinctive mechanic is 52 objective gates that fail the build instead of faking success, covering contrast, target size, responsiveness, intent-by-color, slop tells and taste audits, with every claim pinned by tests. With 1,614 stars, 144 commits and 29 releases it is the most battle-tested design skill set on this list. Install options include a Claude Code plugin, MCP, Homebrew and npx; the pure-instruction layer has no build tools or runtime.
What it can do
- DTCG design token generation with 3-tier architecture
- 52-component library following atomic design
- WCAG 2.2 accessibility auditing with prioritized findings
- Any-framework code generation via adapter protocol
- 138 design-system library for layout variance
- Objective quality gates that fail builds on violations
Setup
Install as a Claude Code plugin (recommended) from the repo README
Or via npx: npx skills add plugin87/ux-ui-agent-skills
Also available via Homebrew and MCP per the repo README
Prerequisites
Claude Code for the plugin route; any MCP client or SKILL.md-compatible agent for the other routes.
Use cases
Works with
Trust score — 9/10
Scored 9/10 (verified tier, metrics-v1). Evidence: Full README read: 1614 stars, 144 commits, 29 releases, current release v2.9.8; install options include plugin, MCP, Homebrew and npx.; MIT license; tests pin every gate claim (tests/meta/browser-gates.test.mjs) so claims cannot rot.; Independent blind-run evals with published results are unusually honest for this genre.; The npx install route is documented in the README (Option D); the exact npx command follows the standard skills-CLI pattern.. License: MIT per the GitHub license field and README..
★ 1,614 GitHub stars
How the trust score is built
Full methodology →- Adoption · stars/downloads, log-scaled vs peers
- 9.0/10
- Maintenance · recency, releases, issue load
- 9.0/10
- Openness · license + docs
- 9.0/10
- Manual review · sanity read + red-flag check
- 9.0/10
- · Full README read: 1614 stars, 144 commits, 29 releases, current release v2.9.8; install options include plugin, MCP, Homebrew and npx.
- · MIT license; tests pin every gate claim (tests/meta/browser-gates.test.mjs) so claims cannot rot.
- · Independent blind-run evals with published results are unusually honest for this genre.
- · The npx install route is documented in the README (Option D); the exact npx command follows the standard skills-CLI pattern.
Sources
Every fact above was checked against these sources. Where a claim comes from the provider and couldn't be independently verified, the text says so.