Inside the kit

github/plugin87/ux-ui-agent-skills 982

A pure instruction and knowledge layer for AI agents, no build tools, no dependencies, no runtime. Drop it into any project with npx ux-ui-agent-skills init, open the folder in Claude Code, and CLAUDE.md loads on its own. Current release v2.5.1, MIT licensed.

Skills

You invoke these

  • /brandkit
  • /redesign
  • /image-to-code
  • /prototype
  • /migrate-design-system
  • /governance

The agent reaches for these

  • /design-tokens
  • /design-component
  • /design-code
  • /design-review
  • /a11y-audit
  • /apply-aesthetic
  • /ux-writing
  • /token-build

Gates you can run

  • validate_tokens.py
  • validate_contrast.py
  • verify_states.mjs
  • axe_audit.mjs
  • verify_focustrap.mjs
  • verify_keyboard.mjs
  • verify_responsive.mjs
  • accuracy_report.mjs

Layers

tokens/

13 files

DTCG JSON on three tiers, primitive, semantic, component. Colour, typography, spacing, shadows, borders, breakpoints, motion, gradients, opacity, blur, sizing, states, theming.

components/

50 specs

Atoms, molecules, organisms and templates, navigation, feedback, forms, overlays, data display, data-viz and the icon system. Anatomy, variants, the eight states, token mapping, accessibility.

frameworks/

16 adapters

The Adapter Protocol plus full references for React 19 + Tailwind v4, Next.js 15 and SwiftUI 6, and concise adapters for Vue, Svelte, Angular, Solid, Lit, Qwik, Astro, MUI, Mantine, Chakra, Bootstrap, React Native, Flutter, Jetpack Compose, vanilla CSS and CSS-in-JS.

design-systems/

138 systems

A role-based crosswalk to and from Material 3, Apple HIG, Fluent 2, Carbon, shadcn/ui, Radix, Ant, Polaris, Primer, Atlassian and Bootstrap, plus a library of 138 brand-grade DESIGN.md specs.

accessibility/

WCAG 2.2

The WCAG 2.2 checklist with P0/P1/P2 priorities, WAI-ARIA patterns for 19 components, and references for cognitive load, low vision and colour blindness, RTL and i18n, and the AAA upgrade delta.

taste/

anti-slop

Banned defaults, aesthetic archetypes and motion choreography. Taste serves the aesthetics tier and never overrides accessibility.

evals/ and tests/

proof

Cold-start briefs scored by fourteen objective gates, and one negative fixture per gate - input built to break exactly the thing that gate measures. Every check must fail on a deliberate violation before it is trusted.

templates/product-design/

starter

A lean layout for a new product repo, a short always-on brief, rules loaded only when relevant, a WCAG-verified light and dark theme, and a project gate of its own. Scaffold it with npx ux-ui-agent-skills new <dir>.