plugin87/ux-ui-agent-skills
plugin87
JavaScript1.5kupdated 1mo ago
JavaScript1.5kupdated 1mo agoTurn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead of faking success.
Claude
accessibilityai-agentsclaudeclaude-codeclaude-skillscomponent-librarydesign-systemdesign-to-codedesign-tokensdtcgfigmareact
README
<div align="center">
UX/UI Agent Skills
Turn Claude into a Senior Design Architect — 15+ years of expertise in design systems, accessibility, and production-ready component engineering.
A comprehensive kit of structured instructions, design tokens, runnable skills, and 138 brand-grade design systems that turn Claude into a UX/UI expert agent — targeting any framework and any design system. Drop it into any project for consistent, accessible, token-driven design outputs, every time.
<br> <img src=".github/images/hero.png" alt="UX/UI Agent Skills — a CLAUDE.md brief beside the capabilities it turns on: design tokens, component specs, WCAG 2.2 and ARIA, code generation, design review, workflows" width="900"> <br> <br><a href="https://trendshift.io/repositories/24406" target="_blank"><img src="https://trendshift.io/api/badge/repositories/24406" alt="plugin87/ux-ui-agent-skills | Trendshift" width="250" height="55"></a>
<br> <br> <br>[![Live demo](https://img.shields.io/badge/live_demo-open-0ea5e9?style=flat-s