リリース前のUI監査を、観点別の読み取り専用サブエージェントで並列実行する

デザイン・モバイル・状態・ユーザー動線・公開準備の5観点に分けてサブエージェントに監査させ、一覧を確認してからメインのエージェントが一度にまとめて直す。

AIで作ったサイトやアプリを公開する直前。見た目は整っていても、スマホ表示、空状態・エラー状態、フォーカス操作などが抜けやすいとき。

5つの観点と主なチェック項目（投稿を要約）

デザインの一貫性：DESIGN.mdのトークン（文字サイズ・余白・角丸）に揃っているか／定義外のHEX値がないか／同じ種類のボタン・入力欄・カードが同じスタイルか／ダーク・ライト両方でコントラストが足りているか
レスポンシブ：375px幅で横にはみ出さないか／ナビがスマホ用のドロワーになるか／タップ領域が44×44px以上あるか／文字を200%に拡大しても重ならないか
状態の網羅：読み込み中・データなし・エラーの画面があるか／クリックできる要素に通常・ホバー・押下・無効のスタイルがあるか／フォームのエラーが該当の入力欄の近くに出るか
実際の動線：登録・ログイン・決済を最後まで通せるか／リンク切れや行き止まりがないか／キーボードだけで操作できるか（Tab順・フォーカスリング・Escで閉じる）
公開準備：ヒーローの見出しが1文で価値を説明しているか／主要CTAは1ページ1つか／メタデータ・OGP・faviconがあるか／ダミーテキストやデバッグ出力が残っていないか

進め方

投稿は「Anthropic公式のtip」と書かれているが、出典は確認できていない。また、元は @Voxyz_ai の9/26の投稿と同じ内容の転載とみられる。チェックリストとして使う。
投稿内の特定モデルやツール（Jev等）の構成は再現性が不明なので取り入れていない。