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.

agentskillexchange Updated 28 repo stars

File contents

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.

Documentation

Source

agentskillexchange/skills/tree/main/skills/add-claude-design-system-and-accessibility-workflows-with-ux-ui-agent-skills commit 7dcb5c4e36

Frequently asked questions

npx skillmds@latest add agentskillexchange/add-claude-design-system-and-accessibility-workflows-with-ux