← all repositories
plugin87/ux-ui-agent-skills

Claude’s promotion to Senior Design Architect

A structured knowledge kit that forces Claude to design like a senior architect instead of an enthusiastic intern.

507 stars JavaScript Coding AssistantsCreative · Design
ux-ui-agent-skills
Velocity · 7d
+0.9
★ / day
star history

What it does This is essentially a massive prompt-engineering and reference-data kit for Claude. It loads via CLAUDE.md to give the agent a persona with 15+ years of design-system expertise, then provides DTCG-format tokens, 50 component specs following Atomic Design, 138 brand-grade design-system references, and 17 runnable slash skills. The goal is consistent, accessible, token-driven UI output across any framework without hardcoded values or aesthetic slop.

The interesting bit The project treats “taste” as a technical requirement, not a vague hope. It includes an anti-slop doctrine, aesthetic archetypes, and a motion-choreography grammar with reduced-motion parity. There are also real Python validation scripts—contrast checkers, token validators, and hardcode linters—that can run in CI with zero dependencies, so the agent’s output is actually gate-checked rather than blindly trusted.

Key highlights

  • DTCG-format tokens with a three-tier architecture (Primitive → Semantic → Component)
  • Adapter Protocol with 16 framework adapters covering React, SwiftUI, Flutter, and others
  • WCAG 2.2 AA/AAA auditing with prioritized P0/P1/P2 findings and real contrast-validation scripts
  • 138 design-system references for brand-grade direction, plus crosswalks to Material 3, Apple HIG, shadcn/ui, and others
  • 17 invocable slash skills (/design-code, /a11y-audit, /apply-aesthetic, etc.) that load only the files they need

Caveats

  • This is a knowledge and instruction layer, not a runtime library; you need Claude Code or a Claude-powered IDE to use it
  • The README claims 50 components while the repo description says 42—exact counts are unclear

Verdict Worth a look if you need an AI agent with actual design standards, accessibility enforcement, and cross-framework output. Ignore it if you don’t use Claude—it’s literally just instructions for Claude.

Frequently asked

What is plugin87/ux-ui-agent-skills?
A structured knowledge kit that forces Claude to design like a senior architect instead of an enthusiastic intern.
Is ux-ui-agent-skills open source?
Yes — plugin87/ux-ui-agent-skills is an open-source project tracked on heatdrop.
What language is ux-ui-agent-skills written in?
plugin87/ux-ui-agent-skills is primarily written in JavaScript.
How popular is ux-ui-agent-skills?
plugin87/ux-ui-agent-skills has 507 stars on GitHub.
Where can I find ux-ui-agent-skills?
plugin87/ux-ui-agent-skills is on GitHub at https://github.com/plugin87/ux-ui-agent-skills.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.