design-system

10 repositories

VoltAgent/awesome-design-md

A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.

🇺🇸 North America
★124,301
Leonxlnx/taste-skill

A skill pack that forces AI coding tools to design with taste — Taste Skill adds art direction, reference images and an automated browser check to coding agents like Claude Code, Codex and Cursor, aiming to stop generic 'AI slop' UI output. It also now ships TasteCode, a free open-source desktop app with a built-in design agent, aimed at developers who want better-looking frontend output without manual design review.

Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages

JavaScript🇪🇺 EuropeAttention 53Acceleration -4%Retention +151%
★104,574
mui/material-ui

Material UI, still growing after a decade of community development — A mature React component library implementing Material Design, now extended by MUI X for advanced use cases. Backed by over a decade of open-source contributions and used by major product teams, it offers a free, actively maintained option for building consistent UIs.

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

JavaScriptAttention 18Acceleration -42%
★99,285
nateherkai/scroll-craft

An agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Code, and other coding agents. Also available as a Claude Code plugin.

JavaScriptAttention 64
★4,172
plugin87/ux-ui-agent-skills

A design-system rulebook that makes Claude fail fast, not fake it — XIAS packs 138 design systems, 52 component specs and DTCG tokens into a dependency-free instruction layer for AI coding agents. Its standout feature is 52 objective gates—34 running in a real browser—that check contrast, ARIA, keyboard and overflow, so Claude's output either passes measurable accessibility checks or the build fails.

Turn 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.

JavaScript🌐 ElsewhereAttention 55Acceleration -68%Retention +596%
★3,052
deeplethe/solid-glass

A design system for AI applications. Material, physical, tactile, technical.

TypeScript
★2,039
Caho1/open-claude-ui

基于 REA 深度拆解并高保真还原 Claude 官方桌面端 UI。还原 30 个独立 React 组件与 8 项硬核交互物理算法,附带 3000+ 行逆向分析手册。

TypeScriptAttention 74
★1,567
AThevon/genjutsu

Creative coding skills for Claude Code, claude.ai and Cowork. Motion, micro-interactions and design systems across Web (GSAP, Motion, Three.js, CSS), Android (Jetpack Compose) and Apple (SwiftUI). Proposes an interaction thesis you approve before it writes any code. Anti-AI-slop.

Python🇪🇺 EuropeAttention 67
★699
Seokwoooo/lucian-uxui-prompt

400 interactive UI elements you can try live, then copy as an AI prompt or working code: 200 interface parts and 200 website sections and animations. Light/dark, MIT.

HTMLAttention 72
★262
dembrandt/dembrandt-skills

Senior-level UX and design-system knowledge, packaged so your AI agent applies it automatically.

JavaScriptAttention 75
★174