
フレームワーク🔥 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/