#63 · Primary category： AI Design & Prototyping
ux-ui-agent-skills
Turn Claude into a Senior Design Architect — DTCG design tokens, 42 components, WCAG 2.2 accessibility, any-framework code, 138 design systems, and runnable skills.
Project last updated：08/26/26
GitHub Stars
818
Forks
86
Contributors
2
License
MIT
Why we included this project
Claude Code users who want the model to act like a design lead rather than a generic code generator can drop this kit into a project and get structured instructions, DTCG-format design tokens, and 17 runnable skills covering component anatomy, WCAG 2.2 accessibility checks, motion specs, and UX microcopy. Output stays consistent because it is token-driven, with contrast and accessibility validators plus adapters for React, SwiftUI, Vue, Flutter, and other frameworks, so you are not rewriting prompts for each stack. The 138 reference design systems and the design-review scoring are useful for teams that want accessible, on-brand UI without running a full design system in-house, whether they are generating new components or critiquing existing ones.
Articles for this project
No articles for this project yet.
To suggest a topic or contribute an article, contact us.
Related projects in this category
open-design
Open-source Claude Design alternative: local-first desktop app turning coding agents into a design engine for prototypes, landing pages, dashboards, slides, images, and video, with file exports (HTML, PDF, PPTX, MP4).
impeccable
The design language that makes your AI harness better at design.
gradio
Build and share delightful machine learning apps, all in Python. 🌟 Star to support our work!
tldraw
Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.
next-ai-draw-io
A next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.