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
Author: agentskillexchange

ASecurity

Use UX/UI Agent Skills when Claude should generate tokens, component specs, accessibility audits, and framework-specific UI code from a repeatable design workflow.

36 stars
0 votes
0 copies
1 view
Added September 2, 2026

ai-agentspythongonodegitsecuritydocumentation

Works with

claude code

Security analysis

A100/100

Scanned September 2, 2026

npx -y skills add agentskillexchange/skills --skill add-claude-design-system-and-accessibility-workflows-with-ux-ui-agent-skills --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Add Claude Design System And Accessibility Workflows With Ux Ui Agent Skills?

Add the live security badge to your README. It updates with every re-scan.

Security grade badge for Add Claude Design System And Accessibility Workflows With Ux Ui Agent Skills

[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/agentskillexchange-add-claude-design-system-and-accessibility-workflo/badge)](https://www.skillsdirectory.com/skills/agentskillexchange-add-claude-design-system-and-accessibility-workflo)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro

SKILL.md

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