スキル自身の言葉で
gstack-ios-qa-daemonを通じて実際のiPhoneに接続し、すべての画面をスクリーンショットで取得し、Apple HIG、DESIGN.md、ベストプラクティスに基づいて視覚的デザインを評価します。タイポグラフィの階層、スペーシングのリズム、カラーの階層、タッチターゲット、読み込み中・空・エラー状態、アクセシビリティ、アニメーションの節度、iOSイディオムとの整合性、情報密度、AI-slopチェックの10項目を0〜10点で採点し、「10点にするには何が必要か」という視点で評価します。
/plan-design-reviewの採点基準をiOSイディオムに移植したものです。スクリーンショット、画面ごとのスコア、最も効果の高い修正案を含むMarkdownレポートを生成します。実装前のプラン段階のデザインレビューには/plan-design-reviewを使用してください。実際に動作するWebの視覚的オーディットには/design-reviewを使用してください。
生成されるもの
- スクリーンショットをインラインで含み、画面ごとのスコア（各項目0〜10点）と項目ごとの最も効果の高い修正案を記載したMarkdownレポート
仕組み
- 01実行中のDaemonへ接続
実行中のgstack-ios-qa-daemonを使用します。Daemonが起動していない場合は、/ios-qa（フェーズ0〜2）と同じフローで起動します。
- 02画面のキャプチャ
主要な各画面（ユーザー指定の画面リストから、またはアクセシビリティツリーから自動検出）について、GET /screenshotおよびGET /elementsでスクリーンショットと要素を取得します。
- 0310項目の評価基準を適用
タイポグラフィの階層、スペーシングのリズム、カラーの階層、タッチターゲット、読み込み中・空・エラー状態、アクセシビリティ、アニメーションの節度、iOSイディオムとの整合性、情報密度、AI-slopチェックを0〜10点で採点し、それぞれを10点にするには何が必要かを説明します。
- 04低スコアをフラグ表示
7点未満のスコアについてはAskUserQuestionを使用し、問題点と推奨される修正案、トレードオフを提示することで、ユーザーが対応すべきかどうかを判断できるようにします。
- 05レポートの作成
スクリーンショットをインラインで含み、画面ごとのスコアと項目ごとの最も効果の高い修正案を記載したMarkdownレポートを生成し、~/.gstack/projects/<slug>/ios-design-review-<date>.mdに書き出します。