Search skills/

UX/UI Agent Skills (XIAS) Claude skills

Design-system doctrine, DTCG tokens and 27 skills for coding agents, plus about 50 scripted gates that check what the agent built, including accessibility.

plugin87/ux-ui-agent-skills 27 skills Design & frontendCode review & quality
Our verdict Recommended with caveats

Ambitious and testable, but the skills need the full kit, the README numbers are inconsistent, and we could not review the gate scripts.

3/5 Depth expertise shipped Note Security Review before installing 2d Maintenance Updated 2 days ago 3.1K Adoption stars OK License MIT, commercial OK

What UX/UI Agent Skills (XIAS) does

XIAS tries to make a coding agent design to a senior standard in any framework and against a chosen design system. The kit combines written doctrine, design tokens in the DTCG format, 27 skills and a library of design-system references. The distinguishing part is the gate set: the README describes 52 objective checks, 34 of which open a real browser to measure WCAG contrast in every state, axe roles and landmarks, keyboard access and target size, so that a build fails rather than being declared successful by the agent.

Skills include a11y-audit, apply-aesthetic and others; each skill file is short, averaging about 3.9 KB. The skills read from the wider kit, so installing only the skill folders with npx skills add leaves them in a state where they report the kit is missing and stop; the intended route is npx ux-ui-agent-skills init or the plugin install. The repo holds about 2,700 files, including rendered example pages and 33 eval files. The README's own numbers vary (it mentions 138 and 2,144 design systems, and both 50 and 52 gates), and the gate scripts were not in the copy we reviewed, so we could not inspect them.

Good for

  • Frontend work that must meet WCAG 2.2 and use design tokens
  • Teams that want automated accessibility and visual gates in CI
  • Agents generating UI against a named design system

Not for

  • Quick one-off mockups
  • Setups that install only individual skill folders
  • Teams that cannot run a headless browser for the gates

What's inside depth 3/5

27 skills averaging 3.9 KB, a large reference and token kit with 33 eval files, and gate scripts per the README that we could not inspect.

Skills
27
Reference docs
0
Scripts
0
Tests / evals
33
Templates
0
Avg SKILL.md
3.8 KB

Counted from the repository file tree. How we score depth.

Dependencies and costs

  • Node and the ux-ui-agent-skills npm package for the full kit
  • A headless browser for the browser-based gates

Security review

Review before installing

A UI/UX design kit whose SKILL.md files tell the agent to use an npm-installed CLI, an MCP server and 52 gate scripts that run local checks and open pages in a headless browser. The installer writes rules, skills and enforcement hooks into your project, and everything runs through unpinned npx. Those scripts and hooks were not available to us, so this review covers only the instruction text.

Worth knowing

  • Runs remote code at an unpinned versionDocumented use runs npx ux-ui-agent-skills init and claude mcp add ux-ui-gates -- npx -y --package=ux-ui-agent-skills ux-ui-mcp with no version pin, so the latest published npm package runs on your machine.README.md:295
  • Relies on a CLI or package we could not reviewSkills rely on the ux-ui-agent-skills npm CLI, an MCP server with six tools that can run 52 gate scripts, and bundled node/python scripts (scripts/library.mjs, design_systems.py, npm run verify), none of which are among the files we have..claude/skills/a11y-audit/SKILL.md:11
  • Installs packages or toolsGates that open a real browser need Chrome or npx playwright install chrome; init writes CLAUDE.md, rules, skills and hooks into your project, and a Homebrew formula is also offered.README.md:277
  • Makes network requestslibrary get <name> fetches a design-system spec from a remote source and refuses it if its sha256 does not match the shipped index; the gates also open pages in a headless browser.README.md:334

What we checked

The repository (2698 files) on Oct 29, 2026. Not a full review: 2606 of 2698 files were not downloaded (large repository; we reviewed the skill folders); it relies on code outside the repository: npm package ux-ui-agent-skills (CLI, `ux-ui-mcp` MCP server, and the 52 gate scripts) and the Homebrew formula; Hooks and settings the installer writes (CLAUDE.md, .claude/settings.json, rules): 2606 readable files in the repo were not available to us, so only 29 files (README and SKILL.md files) were reviewed; Remote design-system spec source used by `library get`.

NVIDIA SkillSpector static scan: 73 pattern hits (MCP Rug Pull 68, System Prompt Leakage 2, Agent Snooping 1, Anti-Refusal 1, Rogue Agent 1). Almost all hits are the repeated npx skills add / npx ux-ui-agent-skills init notes in each SKILL.md; 'output rules' and 'return rules' are skill prose; 'overwrite existing file' describes the init --force flag; the credential lines say to set FIGMA_API_KEY in your own shell and never write a secret into .mcp.json.

A review, not a certification. Skills change after we check them — read the files before installing.

License

MIT — commercial use allowed.

Can it run unattended?

Yes. Objective pass or fail gates give a stop condition, so an agent can iterate until they pass.

Alternatives to UX/UI Agent Skills (XIAS)

UI UX Pro Max

nextlevelbuilder/ui-ux-pro-max-skill

A design skill backed by searchable style, palette and font catalogs, with a design-system generator and five companion design skills.

Recommended Check first Depth 4/5

Impeccable

pbakaus/impeccable

A design skill with 24 commands (polish, bolder, critique, audit, harden and more), a 62-rule deterministic slop detector and an optional edit hook.

With caveats Broad access Depth 4/5

shadcn/ui skills

shadcn-ui/ui

The official skills inside the shadcn/ui repo: a shadcn skill for adding, fixing and styling components, plus a Radix-to-Base-UI migration skill.

Recommended Check first Depth 4/5

Hallmark

Nutlope/hallmark

A design skill from Together AI that deals a theme from 50 options, builds pages around the visitor's goal and lints the result in a real browser for AI-looking tells.

Recommended Check first Depth 5/5

FAQ

What is XIAS (ux-ui-agent-skills)?

It is a kit of design-system rules, tokens and 27 skills for coding agents, plus scripted gates that measure accessibility and visual quality of what the agent builds.

How do I install ux-ui-agent-skills?

Use the plugin install or run npx ux-ui-agent-skills init. Installing only the skill folders with npx skills add leaves out the kit, and the skills will say it is missing.

Does XIAS check accessibility?

The README says its gates test WCAG contrast, roles and landmarks, keyboard access and target size, with 34 gates using a real browser. We could not review the gate scripts ourselves.

Sources: GitHub repository (stars, license, file tree, last push Oct 27, 2026). Review based on the README and SKILL.md files as published.