design-system

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.

Leonxlnx/taste-skill

AIコーディングを「凡庸なデザイン」から救うスキル — Claude CodeやCodexなどのAIエージェントが生成するフロントエンドが「ありがちで退屈」になりがちな問題に対処するスキルセットです。AIに”良い趣味”を与えることで、量産感のあるUIから脱却し、洗練されたデザインのコードを生成させることを目指しています。ノーコード/ローコード文脈でのバイブコーディングにも活用できます。

Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages

mui/material-ui

10年以上の実績を持つReact向けMaterial Design実装 — GoogleのMaterial Designを独自実装したReactコンポーネントライブラリです。10年以上の開発と多数のOSSコントリビューターによって磨き込まれ、世界的な製品チームにも採用されています。高度な用途向けには拡張セットMUI Xも提供されています。

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

nateherkai/scroll-craft

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.

plugin87/ux-ui-agent-skills

ClaudeをUXデザイン専門家に変える指示レイヤー — ClaudeをシニアデザインアーキテクトへとチューニングするJavaScript製キットです。DTCGトークン、50種のコンポーネント、138のデザインシステム、WCAG 2.2準拠を備え、43の客観的ゲートでビルド失敗を検出し「成功を装う」誤魔化しを防ぎます。ビルドツール不要で任意フレームワークに導入できる点も特徴です。

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.

deeplethe/solid-glass

A design system for AI applications. Material, physical, tactile, technical.

Caho1/open-claude-ui

基于 REA 深度拆解并高保真还原 Claude 官方桌面端 UI。还原 30 个独立 React 组件与 8 项硬核交互物理算法，附带 3000+ 行逆向分析手册。

AThevon/genjutsu

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.

Seokwoooo/lucian-uxui-prompt

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.

dembrandt/dembrandt-skills

Senior-level UX and design-system knowledge, packaged so your AI agent applies it automatically.