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.
DeepSeek Harness 本地视频制作与设计插件:多轨剪辑、模板与设计体系、原生预览画布和真实文件导出
Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.
A build system for creating cross-platform styles.
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.
Cross-platform UI/UX design reviewer based on Apple HIG. Works with Flutter, Tauri, Electron, React Native. Compatible with Claude Code, Cursor, Codex.
GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.
Layer5, expect more from your infrastructure
Salesforce Lightning Design System for React
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.
An autocomplete component, built to be accessible.
Vue implementation of the Carbon Design System
偏执型设计顾问:反 AI 味设计 + 风格试衣间 + 58 站设计系统库的 Claude Code Skill | Opinionated design advisor for Claude Code: anti-generic UI, style fitting room, 58 real-site design systems.
A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+
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.
Component layer for AI agents: implementation-aware contracts for building project-native interface components.
24 open-source agent skills that turn taste into instructions — ten genre identities, each proven by a same-brief before/after demo
DESIGN.md guides generated from real website references captured by Fudge.
White-label design system: fork it, feed it a brand, generate on-brand UI
MCP server and design skill that grounds coding-agent UI work in real product screens. Two tools, npx-installable.
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.
574 handcrafted MIT-licensed icons in Regular and Solid variants, on a 24×24 grid
글래스모피즘과 블러 효과를 조합한 웹·앱 공용 디자인 시스템 · 카페인 팔레트, 반응형 그리드, React·Svelte · A web & app design system combining glassmorphism and blur · made by caffeinecat
UI by Halaska: a single-file React UI kit for AI products, built on shadcn/ui. 38 UX patterns and ~100 components.
Ready-to-use design taste for Claude Code, Cowork, and Cursor. Prom = Thai for ready. Learn free at loop.sv-academy.org
AI design system scanner + mcp server. Scores repos 0-100, writes fix prompts. 27K+ npm downloads.
unslop: audit plugin for Claude Code and Codex
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.