サイトデザイン診断

HTMLを貼る／アップロードすると、計測可能な指標に基づく見た目スコアと使いやすさの指摘を得られ、JSONレポートを書けます。

無料・登録不要・透かしなし

使い方

HTMLを貼る（推奨）か .html をアップロード。同一オリジン／CORS許可のURLはブラウザ内で取得できます。
総合・美しさ・使いやすさのスコアと、優先度つき改善リストを確認します。
レポートJSONを書き出すか、window.DesignAudit（analyze_html / get_report / list_findings）をエージェントから呼びます。

指標はルールベースのヒューリスティック（抽出色のおおよそWCAGコントラスト、字サイズ／行間、余白密度、色相／明度／彩度の広がり、CTAの目立ち、セクション比率）で、AIの好み判定ではありません。

使いやすさはナビの明確さ、CTA、viewport meta、HTMLがある場合のフォーム／ラベルを見ます。外部CSSのみでインラインが無いと結果は部分的です。可能なら完全なHTMLを貼ってください。

すべてブラウザ内。HTMLはアップロードしません。AI API・ffmpeg.wasm・COOP/COEPは使いません。

AIのデザインレビューですか？

いいえ。スコアは計測可能なヒューリスティック（コントラスト、字サイズ、余白グリッド、構造）からで、生成AIではありません。

公開URLを診断できますか？

CORSが許されるか同一オリジンなら可能です。そうでなければHTMLを貼るかアップロード（ソース表示→コピー）してください。

Agent APIは？

window.DesignAudit が analyze_html・get_report・list_findings を公開し、UIを押さずに監査とJSON取得ができます。