DESIGN.md Generator

任意のサイトURL・参考画像・テキスト要件から、AIコーディングエージェント（Claude Code / Cursor / v0 等）向けの DESIGN.md を生成するスキル。

DESIGN.md とは

AIコーディングエージェント向けのデザイン仕様書フォーマット。プレーンテキスト（Markdown）でカラー・タイポグラフィ・コンポーネント・余白・トーンを記述する。プロジェクトルートに置いて @DESIGN.md で参照すると、AIが一貫したUIを生成できる。

本スキルは getdesign.md / awesome-design-md で広く使われている9セクション構成に準拠して出力する。

入力の3パターン

1. URL → DESIGN.md（CSS解析ベース）

サイトURLを受け取って、CSS から色・フォント・角丸・シャドウを抽出して DESIGN.md にまとめる。

ユーザー指示例:

• 「https://neverjp.com/ を DESIGN.md にして」
• 「example.com の DESIGN.md を作って」