# UX/UI Agent Skills

A kit of instructions, design tokens and runnable skills that turns an AI coding agent into a design-system generator, checked against dozens of automated accessibility and consistency gates.

UX/UI Agent Skills is a kit of structured instructions, design tokens and runnable skills, bundled with over a hundred reference design systems, that guides an AI coding agent to produce accessible, framework-agnostic components and pages instead of generic-looking output. It ships no build tools or runtime of its own; it is purely an instruction and knowledge layer that the agent reads.

Example outputs in the repository, such as a data-dashboard with several inline SVG chart types and a showcase page built only from the kit's tokens and rules, are rendered from the same files that dozens of objective gates measure, so the gates fail the build rather than accept output that only looks right. The project contrasts this against what an agent produces with no such rules: a generic gradient background, equal-sized cards with no focal point, emoji used as icons, and a single radius and shadow used everywhere.

It is distributed as a JavaScript-based package with no runtime dependency, installable as a Claude Code style skill or plugin.

Website: https://plugin87.github.io/ux-ui-agent-skills/