緊急修正（ホットフィックス）。本番障害時にコード先行で修正し、Spec同期を後追いで行う。設計書ファースト原則の例外措置。
通常の仕様変更には revise-spec を使うこと。「本番が落ちた」「緊急で直して」「ホットフィックスが必要」「本番バグを修正して」 「至急○○を修正して」などのリクエストで使用する。
インストールする前に、エージェントに与えられる指示の中身を確認できます。
設計書ファースト原則の例外措置。本番障害・緊急バグ修正時にのみ使用する。 通常の仕様変更には revise-spec を使うこと。
以下のいずれかに該当する場合のみホットフィックスモードを許可する：
該当しない場合は revise-spec への誘導を提案する： 「緊急度が高くない場合は revise-spec で設計書を先に更新してから修正する方が安全です。ホットフィックスモードで進めますか？」
障害: [概要]
原因: [ファイル:行番号]
修正方針: [概要]
影響範囲: [変更ファイル一覧]
hotfix/[Spec ID] ブランチを作成（通常の feature/ ではなく hotfix/ を使う）[HOTFIX] プレフィックスと障害内容を記載する：
fix: [HOTFIX] REQ-XXX-NNN [障害概要]
障害内容: [詳細]
原因: [根本原因]
修正内容: [変更概要]
Spec同期: 未完了（24h以内に実施すること）
修正をデプロイした後、以下を実施する。ユーザーに「Spec同期はいつやりますか？今すぐ、または後で（24h以内）」と確認する。
feat: ではなく docs: [HOTFIX] Spec同期 で）spec-map.yml で、修正対象REQ-IDに依存しているSpec（被依存先）を逆引きで特定する
manual-test-cases.xlsx に「[REQ-YYY] ホットフィックス後の回帰確認」として追加するREQ-HOTFIX-NNN で仮採番した場合、Spec同期時に正式な REQ-ID に統合するまだレビューはありません。使ってみた感想をお寄せください。
概要と使いどころ
既存プロジェクトに新しいリポジトリを追加する。Workspaceにリポを追加した後、 CLAUDE.md・設計書・ドメイン構成を差分更新する。 「モバイルリポを追加した」「新しいリポを取り込んで」「リポを追加したので設計書を更新して」 「Workspaceにリポを足した」などのリクエストで使用する。 init-spec の移行モードではファイル存在チェックしか行わないため、 既存ドキュメントの内容を新リポに合わせて拡張するにはこのスキルを使う。
既存プロジェクトをサブエージェントで並列分析し、 精度の高い overview.md を生成する。init-spec の前処理として使う。 「既存プロジェクトを分析して」「コードベースを理解して設計書を作って」 「overview.mdを作って」などのリクエストで使用する。 ファイル数が200を超えるプロジェクトで特に有効。 200以下の場合は単一エージェントで全体を読む方が精度が高いため、 init-spec をそのまま実行することを提案する。
デザインの差し替え。ロジックは一切触らず見た目（HTML/CSS/テンプレート）だけを更新する。 「このデザインに差し替えて」「UIをFigmaの通りに変えて」「見た目だけ変えて」 「デザインを更新して」「CSSだけ直して」などのリクエストで使用する。 ロジック変更を伴う場合はrevise-specを使う。
ブラウザで画面を確認する。agent-browser CLI を使って画面のスクリーンショット撮影、 アクセシビリティツリー取得、フォーム操作、画面遷移などを行う。 「画面見て」「ブラウザ確認して」「スクショ撮って」「現状把握して」「画面開いて」 「ログインして確認して」「画面の状態を教えて」「UIを確認して」などのリクエストで使用する。 E2Eテストの作成・実行には gen-tests（Playwright）を使うこと。本スキルはテスト実行ではなく 「AIの目」としてブラウザを操作し、画面状態を把握するためのもの。
ClaudeDesign（claude.ai/design）とClaude Codeの連携。DesignSyncツールで デザインプロジェクトからプロトタイプHTML等を取得（インポート）、または ローカルのコンポーネントをデザインシステムプロジェクトへ同期（プッシュ）する。 「ClaudeDesignからデザインを取得して」「claude.ai/design のURLを取り込んで」 「デザインプロジェクトに同期して」「デザインシステムをプッシュして」 などのリクエスト、または claude.ai/design のURLが渡されたときに使用する。 取得したデザインのコード実装への適用は apply-design を使う。
詳細設計書の一括生成。2つのモードを自動判定する: (A) コード分析モード: 既存コードから詳細設計書を逆生成する（init-spec + spec-all 完了後） (B) 設計書ファーストモード: 要件定義書から詳細設計書を新規作成する（コードなし） 「詳細設計を作って」「設計書を完成させて」「実装に必要な設計書を全部作って」 「他のエンジニアに渡せる設計書にして」などのリクエストで使用する。