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 collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.
🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚡️
A build system for creating cross-platform styles.
Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
Official repository of the plugin 'Tokens Studio for Figma' (Figma Tokens)
Open-source design-method engine for Claude Code, Codex & Cursor. 23 agent skills for fixed design judgment, multiple grammars, semantic palettes, reference compilation, and evidence-verified UI. MIT.
A set of React components for the PatternFly project.
Open-source visual style library for AI-generated UI — 148 curated styles with design tokens, prompts and MCP. | 面向 AI 生成网页的开源视觉风格库:148 套精选风格,支持 MCP、Agent Skill 与 npm CLI。
Give your AI coding agent a design system. One command installs 500+ quality-graded company DESIGN.md references + skills into Claude Code, Codex, Cursor, and OpenCode. Free, MIT, zero AI calls.
Official DESIGN.md files published by companies themselves. First-party design systems that AI agents read to generate consistent UI.
Helios Design System
🎨 Open-source design MCP server + shadcn/ui registry — AI design systems for Claude Code, Cursor, Codex, GitHub Copilot & any MCP client. 31 brand-grade themes (Linear, Stripe, Vercel, Notion, Apple, Supabase, Figma…) + design tokens, UI principles & WCAG rules. Install any component with one command.
24 open-source agent skills that turn taste into instructions — ten genre identities, each proven by a same-brief before/after demo
Unofficial Claude Skill derived from the book Refactoring UI — a design rulebook and diagnostic layer for web UI. 151 tracked rules, design token generation, and Tailwind mappings.
A Claude Code skill that designs a brand identity as one system: logo, typography and colour palette built together from one brief, measured, compared as identity cards, and delivered as a brand guidelines kit.
Brands DESIGN.md library
A reusable Agent Skill for designing, reviewing, and implementing UI/UX with Google Material Design 3, Material You, M3 Expressive, accessibility, adaptive layouts, and semantic design tokens.
Agent skills and design systems from design.how. Build a design system from your app, use agents to ship UI, enforce it in CI.
DESIGN.md guides generated from real website references captured by Fudge.
ricoui-design-md is a local-first design-system workspace built around `DESIGN.md`.
White-label design system: fork it, feed it a brand, generate on-brand UI
Take a real UI component apart. A Claude Code skill + runtime that explodes a live component into paint layers, states and tokens. Nothing is redrawn, no number is typed.
Design-system and vocabulary drift, enforced. Tailwind themes become law, rogue values get receipts, words live in a database agents inherit — one org ontology across every repo.
Brad Frost's agent skills to help with different dimensions of work and life
글래스모피즘과 블러 효과를 조합한 웹·앱 공용 디자인 시스템 · 카페인 팔레트, 반응형 그리드, React·Svelte · A web & app design system combining glassmorphism and blur · made by caffeinecat
Analyze rendered web UIs and rebuild observable design-system assets as editable Figma assets.
Use Claude Design from Claude Code, Codex, Cursor, Gemini CLI, and 70+ coding agents. Create designs from your real codebase, refine them on the canvas, and sync every change back. One installer, no MCP setup.
shadcn/ui for SwiftUI. Beautiful copy-paste components for iPhone, iPad and Mac that you own. Native controls, themes, dark mode, Dynamic Type.
Constraint-first design system for product exploration. 167 accessible React components, CSS, StyleX, shadcn registry, CLI, and MCP.
AI design system scanner + mcp server. Scores repos 0-100, writes fix prompts. 27K+ npm downloads.
Figma-to-Engine UI Pipeline: Figma Auto-Layout → Unity UI Toolkit (UMG & Godot on roadmap) via WebSocket hot-reload and an IR layout compiler
Open-source, local-first design & brand toolkit. Build a brand once, then get logo variants, mockups, social assets, a brand book PDF and design tokens. Plus fonts, colors, icons, SVG & accessibility tools. No login, no backend.
Open-source, self-hosted DAM and brand manager: assets, guidelines as data and brand portals, for your team and AI agents (MCP, REST, CLI).
Material Design 3 and M3 Expressive packaged as an agent skill. Exact design tokens, per-component dp geometry, motion springs, and 2,587 reference images for Claude Code, Codex, Cursor, and Copilot.