design-tokens

awesome-design-md

+1.5k

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.

design.how

+66

Agent skills and design systems from design.how. Build a design system from your app, use agents to ship UI, enforce it in CI.

ux-ui-agent-skills

+157

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.

brand-identity-skill

+73

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.

design-extract

+87

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

dembrandt

+89

Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.

refactoring-ui-skill

+43

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.

design-taste

+17

24 open-source agent skills that turn taste into instructions — ten genre identities, each proven by a same-brief before/after demo

panda

+8

🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚡️