bergside/awesome-design-skills

What it solves

AI コーディングエージェント（Claude Code、Cursor、Codex など）に対し、標準化された方法で特定のデザインシステムの専門知識を提供します。AI の一般的な知識に頼るのではなく、開発者は正確なデザインルール、アクセシビリティ制約、コンポーネントガイドラインを取り込むことで、AI が特定の美的または技術的基準に沿った UI を生成できるようにします。

How it works

本プロジェクトは 67 個の「デザインスキルファイル」のレジストリです。各スキルはフォルダーとして提供され、主に以下の 2 つのドキュメントが含まれます：

• SKILL.md：トークン、コンポーネントルール、品質ゲートなど、AI エージェント向けの技術指示が記載されています。
• DESIGN.md：開発者向けに人間が読める根拠と実装メモが提供されています。

ユーザーはコマンドラインツール（例：npx typeui.sh pull [skill-name]）を使用して、これらのスキルをプロジェクトに統合できます。

Who it’s for

AI 搭載のエージェント型コーディングツールを使用する開発者で、AI 用に膨大なスタイルガイドを書かずに高いデザイン品質と一貫性を保ちたい方に最適です。

Highlights

• Extensive Library："Minimal" や "Corporate" から "Neobrutalism"、"Glassmorphism" まで、67 種類のデザインスタイルを網羅。
• Agent-Optimized：AI エージェントが解析しやすく、従えるようにトークンと制約が特別に構成されています。
• Dual-Documentation：AI 向け指示と人間が読むデザイン意図を分離しています。