Add Claude design-system and accessibility workflows with UX/UI Agent Skills SKILL.md skillA

Add Claude design-system and accessibility workflows with UX/UI Agent Skills from agentskillexchange/skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add agentskillexchange/skills/Add Claude design-system and accessibility workflows with UX/UI Agent Skills@git:20260824.4264457

Pins git:20260824.4264457 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
agentskillexchange/skills
Path
skills/add-claude-design-system-and-accessibility-workflows-with-ux-ui-agent-skills/SKILL.md
Versions recorded
1
Latest version
git:20260824.4264457, committed Aug 24, 2026
Size
1,754 bytes
Repository stars
62
License
MIT

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

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

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

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add agentskillexchange/skills/Add Claude design-system and accessibility workflows with UX/UI Agent Skills@sha256:88b33e2abfbf9d3b

The line at the top of this page pins the label git:20260824.4264457, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_ztsxaz7wsbhailmu.svg)](https://markdownregistry.com/a/art_ztsxaz7wsbhailmu)

2 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Aug 24, 2026.

versioncommittedcommitsizeaudit
git:20260824.4264457 latest2026-08-24 4264457 1,754 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (1754 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

agentskillexchange/skills · 62 stars · license MIT · pushed 2026-11-08 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_ztsxaz7wsbhailmu
GET https://markdownregistry.com/api/v1/resolve?ref=agentskillexchange/skills/Add Claude design-system and accessibility workflows with UX/UI Agent Skills
GET https://markdownregistry.com/api/v1/blob/88b33e2abfbf9d3b099f73ded4f8cd953926b4ba302bf0bdd1ad2cc4f33177ba

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from agentskillexchange/skills

llms.txt llms.txt file
agentskillexchange/skills · llms.txt
git:20261108.61a1de0 · audit B · 62 stars
A/B test agent skills and MCP changes with Caliper SKILL.md skill
agentskillexchange/skills · skills/ab-test-agent-skills-mcp-changes-with-caliper/SKILL.md · Use Caliper to run real agent tasks with and without a skill, MCP server, or rule change so reliability and token cost…
git:20260921.d48d06f · audit A · 62 stars
Academic Paper Citation Network Mapper SKILL.md skill
agentskillexchange/skills · skills/academic-paper-citation-network-mapper/SKILL.md · Builds citation networks from Semantic Scholar API and CrossRef DOI metadata. Visualizes paper influence graphs using…
git:20260710.62afd0f · audit A · 62 stars
ACF Custom Fields REST Exposer SKILL.md skill
agentskillexchange/skills · skills/acf-custom-fields-rest-exposer/SKILL.md · Exposes Advanced Custom Fields data through the WordPress REST API using register_rest_field and acf_format_value…
git:20260710.62afd0f · audit A · 62 stars
ACF Extended for Advanced Custom Fields Workflows SKILL.md skill
agentskillexchange/skills · skills/acf-extended-advanced-custom-fields-workflows/SKILL.md · An ASE skill built around ACF Extended, the WordPress enhancement suite for Advanced Custom Fields that adds field…
git:20260710.62afd0f · audit A · 62 stars
ACF to Gutenberg Block Migrator SKILL.md skill
agentskillexchange/skills · skills/acf-to-gutenberg-block-migrator/SKILL.md · Converts Advanced Custom Fields field groups into native Gutenberg blocks using the ACF Block API v2 and…
git:20260710.62afd0f · audit A · 62 stars
act Local GitHub Actions Runner SKILL.md skill
agentskillexchange/skills · skills/act-local-github-actions-runner/SKILL.md · act is an open-source CLI tool that runs GitHub Actions workflows locally using Docker, enabling fast feedback on…
git:20260710.62afd0f · audit A · 62 stars
Activepieces Open Source Workflow Automation SKILL.md skill
agentskillexchange/skills · skills/activepieces-open-source-workflow-automation/SKILL.md · Activepieces is an open-source, self-hostable workflow automation platform with 200+ integrations. It provides a visual…
git:20260710.62afd0f · audit A · 62 stars
ActivityWatch Cross-Platform Automated Time Tracker and Productivity Analyzer SKILL.md skill
agentskillexchange/skills · skills/activitywatch-automated-time-tracker/SKILL.md · ActivityWatch is a privacy-first, open-source automated time tracker that records application usage, browser activity…
git:20260710.62afd0f · audit A · 62 stars
Add a browser review checkpoint before risky agent actions with AgentClick SKILL.md skill
agentskillexchange/skills · skills/add-a-browser-review-checkpoint-before-risky-agent-actions-with-agentclick/SKILL.md · Use AgentClick when an agent should pause before risky commands, plans, drafts, or code changes so a human can inspect…
git:20260710.62afd0f · audit A · 62 stars
Add graph-backed memory and context retrieval to agent workflows SKILL.md skill
agentskillexchange/skills · skills/add-graph-backed-memory-and-context-retrieval-to-agent-workflows/SKILL.md · Use Cognee to ingest project knowledge into graph and vector memory so agents can retrieve durable context across…
git:20260723.dca7dff · audit A · 62 stars
add-ide-style-semantic-code-navigation-and-symbol-safe-refactors-to-coding-agents-through-serena SKILL.md skill
agentskillexchange/skills · skills/add-ide-style-semantic-code-navigation-and-symbol-safe-refactors-to-coding-agents-through-serena/SKILL.md · Give a coding agent symbol-aware lookup, cross-file rename, and structural edit tools before it starts making brittle…
git:20260710.2925510 · audit B · 62 stars

Every file in agentskillexchange/skills

Browse by kind, by grade A, or by owner.