Immutable. This exact content is served forever at /api/v1/blob/88b33e2abfbf9d3b.
--- 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/)