Claude Skill

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.

LLM Mart · 0 points · 0 0 0

Virus-scanned Reviewed automatically before listing.

Full trust report

Download agentskillexchange-skills-skills_add-claude-design-system-and-accessibility-workflows-with-ux-ui-agent-skills-07beb56.zip · 0 KB

agentskillexchange/skills 45 57 forks MIT Updated 2d ago

Part of agentskillexchange/skills — 249 skills

Install

skills CLI

npx skills add https://github.com/agentskillexchange/skills/tree/main/skills/add-claude-design-system-and-accessibility-workflows-with-ux-ui-agent-skills

Claude Code

claude plugin marketplace add https://llmmart.ai/marketplace.json && claude plugin install agentskillexchange-skills@llmmart

Git git clone https://github.com/agentskillexchange/skills.git

The skills CLI installs just this skill, for any of its supported agents. Claude Code installs the whole agentskillexchange/skills collection as a plugin from our marketplace. Git is the plain clone.

Skill manifest

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

Files (skills)

SKILL.md 1.7 KB

---
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/)