URLを入れるだけで
デザイン仕様書が完成する

カラーパレット抽出

使用頻度の高い色を自動抽出し、「黒系・白系・アクセント系」などの役割を判定。primary / secondaryの優先順位付きで出力します。

フォント・タイポグラフィ

使用フォントやH1〜H6・本文のフォントサイズ・太さ・色・行間を解析。PC・スマホ両方のサイズ差も検出します。

Spacing・Border Radius

余白の基準値や角丸のサイズをCSS変数・実値から検出。デザインの統一感を保つためのルールを可視化します。

UIパーツ解析

ボタン・カード・ナビゲーション・フォーム入力など、よく使われるUIパーツの基本スタイルを自動で検出します。

DESIGN.md形式で出力

解析結果を生成AIが読み込みやすいDESIGN.md形式に整形。コピーしてそのままプロンプトに貼り付けられます。

Basic認証対応

ID・パスワードを入力することで、認証が必要なステージング環境のデザインも解析できます。