入力情報
仕様書の生成に必要な情報を入力してください。
案件情報
サイトのブランド／メインカラー。空欄のままなら仕様書生成時に既存サイトから自動抽出します。
サイトマップ
サイトマップ作成ツールから取り込まれます
事業コンテキスト
トップページをクロールして、事業コンテキスト・コピー・トーンを抽出します。
参考サイト（任意）
参考サイトのURLを登録すると、AIが内容を解析して仕様書に反映します。デザインと構成は別々に登録できます。
配色・フォント・トーンなどデザインの方向性を解析し、デザインルールとして仕様書に反映します。
デザイン参考URLを解析し、再利用可能なデザイン言語スキル（SKILL.md / Tokens・Components・Principles＋コピペ用CSS・Tailwind）を生成します。生成後は仕様書がこのスキルに沿って作られます。
ページ構成・セクションの並び・導線・CTAをマーケ視点で解析し、構成スキル（ブループリント）として仕様書に含めます。
構成参考URLを解析し、再利用可能な構成ブループリント（Section spine／CTA plan／Persuasion rules）を生成します。生成後は仕様書がこの構成に沿って作られます。
仕様書を生成
上記の情報をもとに、AIが各ページのセクション構成・要素・コピー方針を仕様書としてMarkdownで生成します。 生成後は自由に編集できます。
仕様書（Markdown）
左で編集 → 右でプレビュー。承認できたら Figmaワイヤー生成へ進みます。
📄
仕様書はまだ生成されていません
「① 入力」セクションから生成してください。
Figmaワイヤー
承認済みの仕様書をもとに、Figma上にワイヤーフレームを生成します。
🎨
仕様書の承認後に生成可能になります
「② 仕様書」を編集して承認してください。