スキル自身の言葉で
実装に入る前に、デザインプランの網羅性と体験上のリスクをレビューします。7つのデザインパス（情報アーキテクチャ、インタラクション状態、ユーザージャーニー、空状態、視覚的階層、AI Slop リスク、アクセシビリティ）を実行し、それぞれを0〜10で評価し、10点になるには何が必要かを説明した上で、プランを修正してその状態に近づけます。UI がスコープに含まれる場合、デフォルトで gstack デザイナーによるビジュアルモックアップを生成します。
任意で「外部の視点」ステップを含みます：Codex が OpenAI のデザインの厳格なルールとリトマステストに基づいて評価し、Claude サブエージェントが独立した網羅性レビューを実行します。プランモードで動作します。実際に公開されているサイトのビジュアル監査には、代わりに /design-review を使用してください。出力結果は、プランに関するドキュメントではなく、構造化されたレビューレポートを備えたより良いプランです。
生成されるもの
- デザイン上のギャップが解消され、各次元が評価され、構造化された GSTACK REVIEW REPORT セクションが追加された改善版プランファイル
- 比較ボード用の HTML ファイルと、ユーザーが選択したバリアント、評価、コメント、フィードバックを記録した approved.json
- 外部の視点が実行された場合、Codex と Claude サブエージェントの調査結果を統合したリトマススコアカード
仕組み
- 01スコープゲートがレビュー対象を確認します
何よりも先に、プランモードがアクティブなプランを自動選択した場合、またはユーザーが明示的に対象を指定した場合を除き、レビュー対象（ブランチの差分、プランドキュメント、特定のページ）をユーザーに確認します。
- 02デフォルトでビジュアルモックアップを生成します
gstack デザイナーが利用可能で、プランに UI スコープが含まれる場合、許可を求めることなく即座にモックアップを生成します。
- 03任意の外部デザインの視点が並行して実行されます
ユーザーが選択した場合、Codex（デザインの厳格なルール＋リトマステスト）と Claude サブエージェント（独立した網羅性レビュー）を同時に起動します。
- 047つのデザインパスが0〜10で評価し、ギャップを修正します
各次元（情報アーキテクチャ、インタラクション状態、ユーザージャーニー、空状態、視覚的階層、AI Slop リスク、アクセシビリティ）についてプランを評価し、10点満点の状態がどのようなものかを説明し、ギャップを解消するようにプランを編集し、再評価を行い、10点になるかユーザーが「次に進む」と言うまでこれを繰り返します。
- 05構造化されたレビューレポートをプランファイルに書き込みます
実行内容・状況・調査結果の表、VERDICT 行、未解決事項のステータスを含む GSTACK REVIEW REPORT セクションを、ファイルの末尾（非空白の最終行）として追加します。