Add Claude design-system and accessibility workflows with UX/UI Agent Skills
SkillMediaOnce added, Claude can produce design tokens, component specifications, accessibility audits, and UI code that matches the framework you use. This skill gives Claude a repeatable design workflow, so design-system and accessibility work follows the same steps every time.
Available today. Use it from your connected AI after setup.
No other account needed.
After adding the skill, ask Claude for the design task you need, such as generating tokens or checking a screen for accessibility issues. Claude will follow the workflow and return the result.
Then ask your AI: use the Add Claude design-system and accessibility workflows with UX/UI Agent Skills skill
What your AI can do with it
- Generate design tokens
- Write component specifications
- Run accessibility audits
- Produce UI code that matches your framework
- Follow the same design workflow on every task
What this skill tells your AI
The instructions your AI receives, as published by agentskillexchange/skills in skills/add-claude-design-system-and-accessibility-workflows-with-ux-ui-agent-skills/SKILL.md and read by ahel’s review.
Use UX/UI Agent Skills when Claude should generate tokens, component specs, accessibility audits, and framework-specific UI code from a repeatable design workflow.
Prerequisites
Claude Code or Claude-powered IDE, ux-ui-agent-skills package or cloned repository, optional Node and Python validators for render, token, and accessibility checks
Installation
Install or set up from the source-backed instructions:
Run npx ux-ui-agent-skills init in the target project for the full kit, or npx ux-ui-agent-skills add tokens taste design-systems to install selected areas. Alternatively, clone the repository and copy the desired skill and workflow folders into the project.
Documentation
Source
Signals
- GitHub stars
- 38
- Forks
- 53
- Last commit
- Sep 2026
Advanced
- Catalog kind
- skill
- Gateway key
add-claude-design-system-and-accessibility-workflows-1shuygn- Source
- github.com/agentskillexchange/skills