design.how：エージェント向けの無料デザインシステム（shadcn registryで部品を入れ、ドキュメントはMarkdownで読ませる）

どんな問題を解決するか / いつ使うか

Claude Code や Cursor にデザインシステムを守らせたいが、自前でトークン・部品・ルール文書・レビューの仕組みを一から作るのは重い。既製の一式を使うか、構成をまねて自分のものを作るときの参考にする。

中身（サイトの説明より）

• コンポーネントは shadcn registry からインストールする。
• ドキュメントの各ページに、エージェントが読める Markdown 版がある。
• トークンマッピング、UIレビュー、ドキュメント化のスキルを配布しており、作る→確かめる→記録するの流れが一貫している。

使い方の考え方

1. まず Markdown 版ドキュメントの URL をエージェントに読ませ、どの部品・トークンがあるかを把握させる。
2. 部品は registry 経由で入れ、手書きで似た部品を作らせない。
3. 実装後に UIレビューのスキルでトークン違反をチェックさせる。

注意点

• 詳しい中身（ライセンス、スキルの実行内容）は未確認。入れる前に デザインスキルを入れる前に、SKILL.mdを読み・実行内容を確かめ・自分の好みに差し替える の手順で確かめる。

関連

• トークン名ではなく「正しい使い方のコード例（ゴールデンセット）」をエージェントに渡す。レジストリ／MCPで配る

出典

• @kgsi post
• design.how