Add Claude Design System And Accessibility Workflows With Ux Ui Agent Skills

---
name: "Add Claude design-system and accessibility workflows with UX/UI Agent Skills"
slug: "add-claude-design-system-and-accessibility-workflows-with-ux-ui-agent-skills"
description: "Use UX/UI Agent Skills when Claude should generate tokens, component specs, accessibility audits, and framework-specific UI code from a repeatable design workflow."
github_stars: 694
verification: "security_reviewed"
source: "https://github.com/plugin87/ux-ui-agent-skills"
author: "plugin87"
publisher_type: "individual"
category: "Developer Tools"
framework: "Claude Code"
tool_ecosystem:
  github_repo: "plugin87/ux-ui-agent-skills"
  github_stars: 694
  npm_package: "ux-ui-agent-skills"
  npm_weekly_downloads: 1042
---

# Add Claude design-system and accessibility workflows with UX/UI Agent Skills

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.

- Source: https://github.com/plugin87/ux-ui-agent-skills

## Documentation

- https://github.com/plugin87/ux-ui-agent-skills

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/add-claude-design-system-and-accessibility-workflows-with-ux-ui-agent-skills/)