design-system
10 repositories
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.
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
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.
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.
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.
A design system for AI applications. Material, physical, tactile, technical.
基于 REA 深度拆解并高保真还原 Claude 官方桌面端 UI。还原 30 个独立 React 组件与 8 项硬核交互物理算法,附带 3000+ 行逆向分析手册。
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.
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.
Senior-level UX and design-system knowledge, packaged so your AI agent applies it automatically.