Ux UI Agent Skills

UX/UI Agent Skills

*aka XIAS*

Design-system doctrine for coding agents, and 52 gates that check what they build instead of taking their word for it.

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.

Current release v3.0.0 · Changelog · No build tools, dependencies, or runtime: a pure instruction and knowledge layer for AI agents.

The output, rendered

Not a mockup. These are screenshots of the files in examples/, taken by
node scripts/screenshot_docs.mjs from the same HTML the 52 gates measure, so
what you see below is what the gate run passed, in both themes.

Click through them yourself: plugin87.github.io/ux-ui-agent-skills.
There are 56 live pages (twenty whole-product screens, five websites from a
product launch to a Thai public service page, every component harness, both
reference screens and an iPhone Duo simulator), with a theme toggle. No install,
no clone.

Meridian Terminal is the density test: ten chart types on one screen:
candlestick, volume, moving average, depth, order book, tape, sparklines,
stacked area, waterfall, bubble and a correlation matrix. Every one of them is
inline SVG drawn from the same tokens, with no chart library.
Open it live.
Build one yourself with /data-dashboard.

Atlas is one HTML file in examples/showcase/, built only from the kit's
tokens and rules: the hero figure leads at 3x the body size, the three
breakdowns are deliberately three different shapes rather than three identical
cards, the range tabs move the numbers, and the table headers really sort.
Open it live.

One theme, two modes, no per-page palette. The…