Specに基づく新規機能実装。要件定義書と基本設計を読んで実装プラン作成→コード実装→テスト→レビューを実行する。実装はAgent(Sonnet)に委任可能、レビューは本体が直接実行する。
「REQ-AUTH-001を実装して」「ログイン機能を作って」「○○を実装して」 「これを作って」「実装に入って」などのリクエストで使用する。要件定義書が存在する未実装機能を新規実装するときに使う。既存機能の変更はrevise-spec。
インストールする前に、エージェントに与えられる指示の中身を確認できます。
指定されたSpec ID（またはユーザーの意図から該当Specを特定）をdocs/requirements/から検索
要件定義書の全セクションを読む（概要・背景・目的・受入条件・画面・技術仕様）
要件定義書のステータスを「実装中」に更新、overview.mdも同期
必須読取リスト — 以下のファイルを優先順に読む。存在しないファイルはスキップするが、★付きが欠落している場合はユーザーに報告し続行可否を確認する：
| 優先度 | ファイル | 目的 |
|---|---|---|
| ★必須 | docs/requirements/features/[REQ-ID].md | WHAT: 受入条件・背景・目的 |
| ★必須 | docs/design/features/[REQ-ID]-logic.md | HOW: API・DB・バリデーション・権限 |
| ★必須 | docs/api/openapi.yaml | API仕様の Single Source of Truth |
| ★必須 | CLAUDE.md | 技術スタック・テスト設定・開発コマンド |
| 推奨 | docs/design/features/[REQ-ID]-design.md | 画面構成・UIコンポーネント |
| 推奨 | docs/design/shared-components.md | 既存共通コンポーネント（再発明防止） |
| 推奨 | docs/design/db-schema.md | テーブル定義・カラム制約 |
| 推奨 | docs/design/architecture.md | システム構成・データフロー |
| 条件付き | interfaces/[domain]_interface.md | orchestrate経由でドメイン間連携がある場合のみ |
| 条件付き | docs/design/features/[REQ-ID]-api-spec.md | 外部連携がある場合のみ |
| 条件付き | docs/design/security-design.md | 認証・認可に関わる場合のみ |
| 条件付き | docs/design/error-codes.md | エラーハンドリングに関わる場合のみ |
依存Spec健全性チェック — spec-map.yml で以下を確認する：
confirmed == spec_version か（不一致なら先に追従が必要）depends_on に列挙された依存Spec全てが confirmed == spec_version かopenapi.yaml 存在チェック — 対象機能がAPIを含む場合（要件定義書にエンドポイント記載がある場合）：
docs/api/openapi.yaml が存在し、該当エンドポイントの定義を含んでいるか確認する2段階探索 を読み、その手順に従って既存コードを把握する 7b. 画面遷移図の確認（UIを含む機能の場合）: 要件定義書に画面遷移図がある場合、新規画面の追加・既存画面の遷移先変更がないか確認する。実装後に 画面遷移図ルール に従って更新が必要になる箇所を把握しておく
基本設計に不足があれば更新してコミット（API追加、テーブル追加など）
品質ゲートチェック（Gate 2: 設計→実装）: docs/quality-gates.md のGate 2項目を確認する
CLAUDE.mdのブランチ戦略に従い、feature/[Spec ID] ブランチを作成
実装プランの作成 — 準備フェーズで読んだ情報を元に impl-plans/[REQ-ID].md を作成する：
docs: [REQ-ID] 実装プラン作成設計書の矛盾解決 → design-priority.md を参照 設計情報不足時の判断 → coding-quality.md を参照
11b. docs/design/test-design.md が存在するか確認する
test: [REQ-ID] テストコードを先行生成（RED状態）実装プラン（impl-plans/[REQ-ID].md）の順序に従ってコードを実装する。
以下の基準で実装方法を自動判断する：
Agent(subagent_type: "coder") で起動し、実装プランのパスと設計書パスリストを prompt に渡す実装時の共通ルール（本体/Agent 共通）：
openapi.yaml のリクエスト/レスポンス定義に忠実に実装するtest.skip() を解除し、全てGREENになるまで修正する.claude/skills/_shared/finish-impl.md を読み、共通仕上げ手順を実行する/cost でトークン使用量を随時確認するimpl-plans/[REQ-ID].md の末尾に追記し、新セッションでの再開を提案するまだレビューはありません。使ってみた感想をお寄せください。
概要と使いどころ
既存プロジェクトに新しいリポジトリを追加する。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) 設計書ファーストモード: 要件定義書から詳細設計書を新規作成する（コードなし） 「詳細設計を作って」「設計書を完成させて」「実装に必要な設計書を全部作って」 「他のエンジニアに渡せる設計書にして」などのリクエストで使用する。