本文へ移動
cccskills
無料GitHub で公開

detail-design

詳細設計書の一括生成。2つのモードを自動判定する: (A) コード分析モード: 既存コードから詳細設計書を逆生成する(init-spec + spec-all 完了後) (B) 設計書ファーストモード: 要件定義書から詳細設計書を新規作成する(コードなし) 「詳細設計を作って」「設計書を完成させて」「実装に必要な設計書を全部作って」 「他のエンジニアに渡せる設計書にして」などのリクエストで使用する。

インストール方法を見る

含まれるファイル(7)

  • SKILL.md11.5 KB
  • formats.md14.6 KB
  • references/phase0-planning.md4.6 KB
  • references/phase1-analysis.md8.3 KB
  • references/phase2-writing.md4.7 KB
  • references/phase3-review.md5.7 KB
  • references/session-resume.md827 B

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

詳細設計書一括生成(PM オーケストレーション)

PM オーケストレーション共通パターン(.claude/rules/pm-orchestration.md で自動ロード) に従い、 メインエージェントが PM として設計書を一元執筆する。

モード判定

以下の条件で自動判定する:

条件モード
CLAUDE.md「プロジェクト構成」にコードリポのパスが記載されており、そのパスにソースコードが存在するコード分析モード
上記以外(コードリポの記載がない、またはコードが存在しない)設計書ファーストモード

判定結果をユーザーに提示して確認する:

モード判定: コード分析モード
  コードリポ: ../atengineer-backend/, ../atengineer-frontend/
  既存コードを分析して詳細設計書を生成します。

または

モード判定: 設計書ファーストモード
  コードリポが見つかりません。
  要件定義書と基本設計をもとに詳細設計書を新規作成します。
  不足情報はユーザーに質問して補完します。

前提条件

共通(両モード)

前提ファイル生成スキル用途
docs/requirements/features/*.mdspec-all / draft-spec要件定義書(機能仕様の源泉)
docs/design/architecture.mdinit-spec / draft-specアーキテクチャ概要
docs/design/db-design.mdinit-spec / draft-spec既存DB設計(精緻化の起点)
docs/design/api-spec.mdinit-spec / draft-spec外部連携仕様書(外部サービス連携がある場合のみ)
docs/design/screen-flow.mdinit-spec / draft-spec画面遷移図
docs/api/openapi.yamlinit-spec / draft-spec既存OpenAPI仕様

コード分析モードのみ

前提ファイル用途
CLAUDE.md「プロジェクト構成」コードリポのパス
コードリポのソースコード分析対象

テンプレート参照

以下のテンプレートを参照し、生成する文書のセクション構成を合わせる:

テンプレート用途
docs/templates/phase3/db-schema.mdDB詳細スキーマの構成
docs/templates/phase3/module-design.mdモジュール設計書の構成(複雑なプロジェクトのみ。レイヤー構成・モジュール依存関係が必要な場合)
docs/templates/phase3/batch-design.mdバッチ設計書の構成
docs/templates/phase3/error-codes.mdエラーコード定義書の構成
docs/templates/phase3/security-design.mdセキュリティ設計書の構成
docs/templates/phase2/report-design.md帳票設計書の構成
docs/templates/phase2/feature-design.md機能別設計書の構成(画面レイアウト・コンポーネント設計を含む)

テンプレートが存在しない場合は、従来の手順でそのまま生成する(テンプレート不在でブロックしない)。

成果物一覧

詳細設計書は 横断設計書 と 機能別設計書 の2層で構成する。 1情報=1箇所の原則 を徹底し、二重管理を防止する。

横断設計書(全機能共通で参照する性質のもの)

#ファイル内容要否判定
1docs/design/performance-design.md, availability-design.md, operations-design.md非機能要件(性能・可用性・スケーラビリティ・運用・コスト)※ テンプレート non-functional.md のインデックスに従い分割管理常に必須
2docs/design/db-schema.mdDB詳細スキーマ(全カラム・型・制約・インデックス)。DBの正常に必須
3docs/api/openapi.yamlOpenAPI完全版(request body/response定義)。APIの正常に必須
4docs/design/master-data.mdマスタデータ定義(初期データ・Enum・定数)。Enumの正判定ロジック参照
5docs/design/external-integration.md外部連携詳細仕様。外部APIの正判定ロジック参照
6docs/design/mail-templates.mdメール・通知テンプレート仕様判定ロジック参照
7docs/design/setup-guide.md環境構築手順書常に必須
8docs/design/security-design.mdセキュリティ設計書常に必須
9docs/design/report-design.md帳票設計書判定ロジック参照
10docs/design/data-migration.mdデータマイグレーション設計書判定ロジック参照

機能別設計書(各機能の処理フロー・画面構成・ビジネスロジックを1ファイルに集約)

#ファイル内容要否判定
11docs/design/features/[REQ-ID]-logic.mdAPI・DB・バリデーション・権限・ビジネスロジック常に必須(要件定義書1つにつき1ファイル)
12docs/design/features/[REQ-ID]-design.md画面構成・UIコンポーネント・レイアウト(UIを含む機能のみ)UIを含む機能のみ
13docs/design/test-design.mdTDD用テスト設計書(テストケース・前提条件・期待結果)。implement-spec のテスト先行フェーズで使用常に必須

ファイル命名規則(implement-spec の必須読取リストと対応)

機能別設計書は以下の規則に従い命名する。implement-spec がこの命名でファイルを検索するため、厳守すること:

  • docs/design/features/[REQ-ID]-logic.md — API・DB・バリデーション・権限(implement-spec で★必須)
  • docs/design/features/[REQ-ID]-design.md — 画面構成・UIコンポーネント(implement-spec で推奨)
  • 例: REQ-AUTH-001 → REQ-AUTH-001-logic.md + REQ-AUTH-001-design.md

1情報=1箇所の原則(二重管理禁止)

情報正の場所(Single Source of Truth)他の場所での扱い
APIエンドポイント定義(リクエスト/レスポンス/エラー)openapi.yamlfeatures/*.md では使用するエンドポイント一覧(メソッド+パス+概要)のみ記載し、詳細はSwagger参照
テーブル全カラム定義db-schema.mdfeatures/*.md では使用するテーブル名のみ記載し、カラム詳細はdb-schema.md参照
Enum/定数の許容値master-data.mddb-schema.md ではCHECK制約として型情報のみ記載。許容値リストはmaster-data.md参照
エラーコード体系openapi.yaml(各エンドポイントのresponses)features/*.md では使用エンドポイント一覧から参照
外部API仕様external-integration.mdfeatures/*.md では「外部連携あり」とリンクのみ
バッチ処理フローfeatures/*.md(該当機能の設計書)機能に紐付くため横断設計書には含めない

フェーズ 0: 現状把握と計画

前提ファイルチェック、既存ドキュメント読み込み、成果物の要否判定、統一基盤確認を行う。

詳細手順は references/phase0-planning.md を参照。


フェーズ 1: 情報収集

モードによって動作が異なる。コード分析モードは並列サブエージェントでコード分析(1A)、設計書ファーストモードは要件定義書からの情報抽出と不足情報の質問(1B)を行う。

詳細手順は references/phase1-analysis.md を参照。


フェーズ 2: 設計書執筆(spec-writer に委任)

フェーズ1の情報収集結果をもとに、親が章立て・埋める情報・根拠を整理し、Agent(subagent_type: spec-writer) に委任する。ファイル単位で並列実行する(10本以上の設計書を並列執筆できる)。モード別ルール(コード根拠・値の出典・バリデーション・「※ 未確定」マーカー)は委任プロンプトに明示して渡す。index系ファイルは親が更新する(spec-writer は触らない)。

詳細手順は references/phase2-writing.md を参照。


フェーズ 3: mkdocs.yml 更新 & 整合性チェック

mkdocs.yml 更新(親の責務)、Agent(subagent_type: integrity-checker) による機械的整合性チェック、設計書間の意味的整合性チェック(親が直接)、仕様カバレッジレビュー(コード分析モードのみ)、mkdocs build 最終確認を行う。

詳細手順は references/phase3-review.md を参照。


フェーズ 4: 完了

  1. 成果サマリーを提示:
    詳細設計書の生成が完了しました:
    横断設計:
    - DB詳細スキーマ: XX テーブル定義
    - OpenAPI完全版: requestBody/response スキーマ追加
    - エラーコード定義: XX エラーコード
    - セキュリティ設計: 認証/認可/OWASP対策
    - 環境構築手順書: セットアップ XX ステップ
    機能別設計:
    - XX 機能の統合設計書(API詳細・処理フロー・画面構成・ロジック含む)
    整合性チェック: XX 件の不整合を修正済み
    
  2. 次のステップを提案(「実装に入りますか?」「テストを作りますか?」等)

セッション中断時の再開

詳細手順は references/session-resume.md を参照。


ルール

共通ルール(両モード)

  • PM オーケストレーション共通パターン(.claude/rules/pm-orchestration.md で自動ロード) の全ルールに従う
  • 既存設計書との整合性を保つ。 矛盾が見つかったら既存側も修正する
  • 既存コードは一切変更しない

コード分析モード固有

  • 実装に書いていないことは書かない。 コードに存在しない機能を設計書に記載してはならない
  • .claude/rules/doc-accuracy.md「ドキュメント生成の正確性ルール」を厳守すること

設計書ファーストモード固有

  • 要件定義書に書いていないことは推測で書かない。 不足情報はユーザーに質問する
  • デフォルト値を仮採用した箇所は必ず「※ 未確定」と注記する
  • 一般的なベストプラクティスを採用する場合は、その旨を明記する(例: 「REST API設計のベストプラクティスに基づく」)
  • 設計書ファーストモードで生成した設計書は、実装後に update-docs で実コードと整合させることを前提とする

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

add-repo

無料日本語概要

既存プロジェクトに新しいリポジトリを追加する。Workspaceにリポを追加した後、 CLAUDE.md・設計書・ドメイン構成を差分更新する。 「モバイルリポを追加した」「新しいリポを取り込んで」「リポを追加したので設計書を更新して」 「Workspaceにリポを足した」などのリクエストで使用する。 init-spec の移行モードではファイル存在チェックしか行わないため、 既存ドキュメントの内容を新リポに合わせて拡張するにはこのスキルを使う。

i-standard1/yamasaki62026年8月26日 更新

analyze-codebase

無料日本語概要

既存プロジェクトをサブエージェントで並列分析し、 精度の高い overview.md を生成する。init-spec の前処理として使う。 「既存プロジェクトを分析して」「コードベースを理解して設計書を作って」 「overview.mdを作って」などのリクエストで使用する。 ファイル数が200を超えるプロジェクトで特に有効。 200以下の場合は単一エージェントで全体を読む方が精度が高いため、 init-spec をそのまま実行することを提案する。

i-standard1/yamasaki62026年8月26日 更新

apply-design

無料日本語概要

デザインの差し替え。ロジックは一切触らず見た目(HTML/CSS/テンプレート)だけを更新する。 「このデザインに差し替えて」「UIをFigmaの通りに変えて」「見た目だけ変えて」 「デザインを更新して」「CSSだけ直して」などのリクエストで使用する。 ロジック変更を伴う場合はrevise-specを使う。

i-standard1/yamasaki62026年8月26日 更新

browse

無料日本語概要

ブラウザで画面を確認する。agent-browser CLI を使って画面のスクリーンショット撮影、 アクセシビリティツリー取得、フォーム操作、画面遷移などを行う。 「画面見て」「ブラウザ確認して」「スクショ撮って」「現状把握して」「画面開いて」 「ログインして確認して」「画面の状態を教えて」「UIを確認して」などのリクエストで使用する。 E2Eテストの作成・実行には gen-tests(Playwright)を使うこと。本スキルはテスト実行ではなく 「AIの目」としてブラウザを操作し、画面状態を把握するためのもの。

i-standard1/yamasaki62026年8月26日 更新

claude-design

無料日本語概要

ClaudeDesign(claude.ai/design)とClaude Codeの連携。DesignSyncツールで デザインプロジェクトからプロトタイプHTML等を取得(インポート)、または ローカルのコンポーネントをデザインシステムプロジェクトへ同期(プッシュ)する。 「ClaudeDesignからデザインを取得して」「claude.ai/design のURLを取り込んで」 「デザインプロジェクトに同期して」「デザインシステムをプッシュして」 などのリクエスト、または claude.ai/design のURLが渡されたときに使用する。 取得したデザインのコード実装への適用は apply-design を使う。

i-standard1/yamasaki62026年8月26日 更新

docs-serve

無料日本語概要

MkDocs プレビュー(:8000)と承認API(:8765)を同時起動する。「ドックを起動して」「docsプレビュー見たい」「設計書をブラウザで確認したい」「承認ボタン使いたい」等のリクエストで発火する。

i-standard1/yamasaki62026年8月26日 更新

i-standard1 のスキルをすべて見る

このスキルの問題を報告する