公開サンプル
ui.design自身の診断結果から作ったレポート例
ui.design自身の診断結果 をもとに、公開してよい範囲だけを固定サンプル化しています。 実ジョブID、access token、顧客データは含めていません。
総合評価
64 / D
LLMなしの自動検査サンプル
指摘
13件
4つの原因クラスタに整理
SEO所見
0件
title、description、h1を確認
改善タスク
4件
コーディングエージェントへ渡せる作業単位に変換
観点別スコア
2026-06-26時点の自動検査サンプルです。未評価レーンは0点扱いせず、評価済み観点だけを表示します。
アクセシビリティ
49 / E
キーボード操作とコントラストを優先
UX・視覚品質
81 / B
大きな構造破綻は限定的
グロース・CV導線
100 / A
自動検査範囲では重大所見なし
SEO
100 / A
基本メタ情報は検出範囲で良好
PC・スマホの証拠画像と指摘位置
パブリックベータでは、フルページスクリーンショット上の指摘位置、該当箇所、理由、修正方針まで登録不要で確認できます。 AIエージェント用修正Packの保存・ダウンロードだけ、メールログインが必要です。
主要な改善項目
キーボードフォーカスが一部要素に閉じ込められる可能性
モーダルやフォーム周辺のフォーカス管理を見直し、TabとEscで抜けられる経路を確保する。
主要CTAの実描画コントラスト比が不足
文字色だけでなく背景色も合わせて見直し、通常文字4.5:1以上を確保する。
一部の番号・補助テキストが薄く、読み取りづらい
薄いグレー表現を整理し、重要度の低い情報でも最低限の可読性を保つ。
320px幅で横はみ出しの可能性がある
固定幅要素をmax-widthと折り返しで調整し、狭い画面でも横スクロールを出さない。
改善タスクとAIエージェント用修正Pack
レポートは所見一覧で終わらせず、実装順序、受け入れ条件、コーディングエージェント向け指示へ分解します。 Codex、Claude Code、Antigravity、Cursorなど、特定ツールに依存しないzip構成で渡せます。
- 01
CTAとフォーム周辺のフォーカス遷移をPlaywrightで再現し、Tab順序を修正する
- 02
主要ボタンの背景色・文字色トークンを見直し、実描画コントラストを再測定する
- 03
補助番号・説明文の淡色テキストを整理し、重要度に応じて色階調を上げる
- 04
320px幅の横スクロール再現ケースを追加し、固定幅要素をレスポンシブ化する
Review Packの構成例
generic_ai_agent.mdtasks.jsonfindings.jsonacceptance_criteria.mdai_implementation_pack.zip