
フレームワーク🔥 HOT
awesome-design-md
61.5k
VoltAgent/awesome-design-md
概要
このツールの詳細と使い方を解説します。
AIエージェントが一貫したUIを生成できるよう設計された、DESIGN.mdファイルのキュレーション集(Google Stitch発)。 Claude・Figma・Vercel・Shopify・Spotifyなど70以上のブランドのデザインシステムをMarkdown形式で収録しています。 プロジェクトに置いて「このスタイルで作って」と伝えるだけで、vibe-codingに対応できます。
連携方式スキル
使い方
Claude Code がインストール済みであることを前提としています
スキルとして使う
スキルとは? →Claude Code に特定の作業を覚えさせる命令ファイルです。/スキル名と入力するだけで呼び出せます
STEP 1ファイルを入手
SKILL.mdGitHub からダウンロードSTEP 2フォルダに配置
.claude/commands/プロジェクト or ホームにSTEP 3チャットで起動
/スキル名Claude Code のチャット欄で配置場所のイメージ
プロジェクト/
└── .claude/
└── commands/
└── skill-name.md ← ここに置く
# グローバル(全プロジェクトで使う場合)
~/.claude/commands/