📈 GH Trending Explorer 🎲 Surprise me

Search: design-tokens · clear

plugin87 / ux-ui-agent-skills

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.

▲ 797/7d ★ 2.5k JavaScript 🔥 today
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.

★ 123k 6d ago
chakra-ui / panda

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

★ 6.2k Rust today
Manavarya09 / design-extract

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

★ 4.3k HTML 1d ago
dembrandt / dembrandt

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

★ 3.8k TypeScript 9d ago
bitjaru / styleseed

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.

★ 984 JavaScript 6d ago
AnxForever / stylekit

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。

★ 632 TypeScript today
kwakseongjae / oh-my-design

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.

★ 542 JavaScript today
VoltAgent / official-design-md

Official DESIGN.md files published by companies themselves. First-party design systems that AI agents read to generate consistent UI.

★ 526 29d ago
marvkr / better-design

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

★ 507 TypeScript 28d ago
madebymustafa / design-taste

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

★ 178 JavaScript 2mo ago
edisonmbli / refactoring-ui-skill

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.

★ 163 Python 2mo ago
fatihaydost / brand-identity-skill

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.

★ 160 Python 10d ago
skydashnet / material-design-3-ui-skill

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.

★ 151 PowerShell 20d ago
arla6ka / design.how

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

★ 143 TypeScript 1d ago
diip3sh / exploded

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.

★ 52 JavaScript 7d ago
shinyobjectz / montology

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.

★ 51 Python 9d ago
bradfrost / skills

Brad Frost's agent skills to help with different dimensions of work and life

★ 45 Shell today
leeuc10 / blurssism

글래스모피즘과 블러 효과를 조합한 웹·앱 공용 디자인 시스템 · 카페인 팔레트, 반응형 그리드, React·Svelte · A web & app design system combining glassmorphism and blur · made by caffeinecat

★ 41 JavaScript 7d ago
SuJiaYi27 / UI-Anatomist

Analyze rendered web UIs and rebuild observable design-system assets as editable Figma assets.

★ 38 TypeScript 9d ago
maxritter / open-claude-design

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.

★ 36 Python today
felipemenezes098 / swiftui-flx

shadcn/ui for SwiftUI. Beautiful copy-paste components for iPhone, iPad and Mac that you own. Native controls, themes, dark mode, Dynamic Type.

★ 35 Swift today
Noord-Ventures / vlak

Constraint-first design system for product exploration. 167 accessible React components, CSS, StyleX, shadcn registry, CLI, and MCP.

★ 33 TypeScript 5d ago
itsnik-scrpt / FigmaBridge

Figma-to-Engine UI Pipeline: Figma Auto-Layout → Unity UI Toolkit (UMG & Godot on roadmap) via WebSocket hot-reload and an IR layout compiler

★ 27 C# 1mo ago
yakew7 / DesignHub

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.

★ 27 TypeScript today
pwnera / artbucket

Open-source, self-hosted DAM and brand manager: assets, guidelines as data and brand portals, for your team and AI agents (MCP, REST, CLI).

★ 27 TypeScript 1d ago
abhixv / m3-expressive-design-skill

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.