DESIGN.md Inspector
ストックにはログインが必要です
任意のウェブサイトから DESIGN.md と SKILL.md を自動生成
Design Tools
Artificial Intelligence
Developer Tools
Chrome Extensions
概要
任意のウェブサイトのデザインシステムを解析し、AI コーディング補助用の DESIGN.md と SKILL.md を自動生成します。DESIGN.md Inspector がデザイントークンを抽出し、Google DESIGN.md 仕様に準拠したファイルを出力します。Claude、Codex、Cursor などのエージェントと連携可能。
使い方
- 任意のサイトでサイドパネルを開く
- 表示要素と CSS カスタムプロパティを自動スキャン
- 構造化されたマークダウンを出力
出力物
- DESIGN.md
- SKILL.md
利用シーン
- デザインデータの再利用性と AI の学習素材として活用
投票数: 3