plugin87 / ux-ui-agent-skills

Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead of faking success.

Why this job: name: skills, -skill; says: agent skills; topics: claude-skills, claude-code

Open on GitHub Website

XIAS: design-system doctrine for coding agents. 52 objective gates, 34 of which open a real browser: WCAG contrast in every state, axe roles and landmarks, keyboard, target size, reduced motion, no horizontal overflow at 280, token by intent, screen economy. 2,144 design systems, 52 component specs, 26 runnable skills, 14 DTCG token files, 16 framework adapters. Claude Code, Codex, Cursor, Copilot, Gemini CLI, Antigravity, Aider, MCP.

Atlas revenue console in light theme: sidebar navigation, a hero net-recurring-revenue figure at 2.48 million with a weekly bar chart, retention and churn cards, a donut of revenue by plan, an account ranking, regional sparklines, a sortable renewals table and an activity feed

The same Atlas console in dark theme, rendered from the same token theme with no per-page palette

Meridian Terminal: a trading desk screen with a market ticker, candlestick chart with volume and moving average, order book with depth bars, cumulative depth curve, time and sales tape, watchlist sparklines, stacked area allocation, waterfall attribution, bubble chart and a correlation matrix

Reference app in light theme: an Analytics screen led by one hero revenue metric, three smaller stats beneath it, a settings form, and a red Delete account action

The same Analytics screen in dark theme, rendered from the same token theme with no per-page palette

1 of 6

What it does

Instructions, design tokens, 26 runnable skills and 2,144 design systems (2,087 of them measured from the live site) that make a coding agent design to a senior standard, in any framework and against any design system. Then the gates measure what it built.

Get started

npx ux-ui-agent-skills demo
# copies the rendered examples and opens them

Maintenance: Active; Last commit 13 days ago
Stars: 3,144; +67 this week
Licence: MIT; Allows business use
Downloads for: None listed; No release files
Latest version: v3.0.0; Released 14 days ago
Built with: JavaScript; 72% of the code

Is it looked after?

Contributors: 1; Last 90 days
Issues: 46% closed; 7 still open
Pull requests: 6 merged; 0 waiting
Releases: 33; 30+ in the last year

Similar repos

Repos similar to this one
Repo	Stars	Last commit	Licence	Downloads for
dembrandt / dembrandt-skills	187	8 days ago	MIT	No downloads
OpenLabs-so / oa-design	135	2 months ago	MIT	No downloads
madebymustafa / design-taste	219	2 months ago	MIT	No downloads

More: languages, topics and project record

Languages

JavaScript 72%
HTML 12%
Python 12%
CSS 5%

Topics

accessibility
ai-agents
claude
claude-code
claude-skills
component-library
design-system
design-to-code
design-tokens
dtcg
figma
react

Project record

JobAgent skills
StatusListed
Commits156
Forks303
Watching12
Stars in 28 days+605
CreatedMar 16, 2026
First seen by usNov 7, 2026
CheckedNov 9, 2026