jpskill.com
🛠️ 開発・MCP コミュニティ

devdocs-dev-workflow

タスク開始時や機能実装時に、スケルトンファーストと段階的TDDを用いて開発を効率的に進め、開発手順のガイダンスや機能実装・バグ修正を支援するSkill。

📜 元の英語説明(参考)

Execute development tasks with skeleton-first approach and layered TDD. Use when users start working on a task (T-XX), need development guidance, or implement features/bugfixes. Triggers on keywords like "execute task", "start T-XX", "implement", "develop", "开发任务", "执行任务".

🇯🇵 日本人クリエイター向け解説

一言でいうと

タスク開始時や機能実装時に、スケルトンファーストと段階的TDDを用いて開発を効率的に進め、開発手順のガイダンスや機能実装・バグ修正を支援するSkill。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o devdocs-dev-workflow.zip https://jpskill.com/download/8770.zip && unzip -o devdocs-dev-workflow.zip && rm devdocs-dev-workflow.zip
🪟 Windows (PowerShell)
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/8770.zip -OutFile "$d\devdocs-dev-workflow.zip"; Expand-Archive "$d\devdocs-dev-workflow.zip" -DestinationPath $d -Force; ri "$d\devdocs-dev-workflow.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して devdocs-dev-workflow.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → devdocs-dev-workflow フォルダができる
  3. 3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
  4. 4. Claude Code を再起動

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-18
取得日時
2026-05-18
同梱ファイル
1

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

開発ワークフロー

単一の開発タスクを実行するためのワークフローのガイドです。トップダウン開発モデルと階層化された TDD を採用しています。

言語規則

  • 日本語と英語での質問をサポートします。
  • 日本語で統一された回答を返します。

トリガー条件

  • ユーザーが特定のタスク(例:T-01)の実行を開始したとき
  • ユーザーが開発の指導を必要としているとき
  • ユーザーが devdocs-dev-tasks から開発段階に入ったとき
  • キーワード:"開発タスク"、"実行タスク"、"開始 T-XX"

前提条件

  • タスクドキュメント:docs/devdocs/04-dev-tasks.md
  • タスクが定義されており、以下を含むこと:関連する要求、受け入れ基準、テスト方法

ワークフロー

1. タスク定義の読み込み
   ├── 04-dev-tasks.md からタスクの詳細を取得
   ├── 関連する F-XXX、AC-XXX を確認
   └── 関連するテストケース UT/IT/E2E-XXX を確認
           │
           ▼
2. スケルトンコードの生成(トップダウン)
   ├── インタフェーススケルトン + @requirement/@satisfies アノテーション
   └── テストスケルトン + @verifies/@testcase アノテーション
           │
           ▼
3. 開発の実行(階層化 TDD)
   ├── コアロジック 🔴:テスト先行
   ├── インタフェース層 🟡:テスト先行を推奨
   ├── UI 層 🟢:実装後にテストを追加可能
   └── インフラストラクチャ ⚪:統合テストで検証
           │
           ▼
4. 完了チェック
   ├── 受け入れ基準をすべて満たす
   ├── テストに合格
   └── レビューの要点を自己チェック
           │
           ▼
5. コードのコミット(`/commit-convention` に従う)
           │
           ▼
6. 追跡情報の更新(`/devdocs-sync --trace` を実行)

コード追跡アノテーションの仕様

ドキュメントとコードの双方向追跡を実現します。AI はコード生成時に自動的にアノテーションを追加します。

アノテーションの種類

アノテーション 用途 位置
@requirement F-XXX 関連する機能 インタフェース/クラス/モジュール
@satisfies AC-XXX 満たす受け入れ基準 インタフェース/メソッド
@verifies AC-XXX 検証する受け入れ基準 テストケース
@testcase UT/IT/E2E-XXX テスト番号 テストケース

アノテーションの例

/**
 * ユーザーを作成する
 * @requirement F-001 - ユーザー登録
 * @satisfies AC-001 - メールアドレスの形式検証
 * @satisfies AC-002 - パスワードの強度検証
 */
export async function createUser(dto: CreateUserDTO): Promise<User> {
  // 実装コード
}

/**
 * @verifies AC-001 - メールアドレスの形式検証
 * @testcase UT-001
 */
test('createUser は無効なメールアドレス形式を拒否するはず', () => {
  // テストコード
});

アノテーションの規則

階層 アノテーションの位置 強制性
パブリックインタフェース Service/API エントリメソッド 必須
テストファイル 各テストケース 必須
内部実装 複雑なロジック オプション

トップダウン開発モデル

まずスケルトンを定義し、後で詳細を埋めます。コード生成時に追跡チェーンが確立されていることを確認します。

開発フロー

Step 1: インタフェーススケルトンの生成
        ├── メソッドシグネチャ(02-system-design.md から)
        ├── @requirement/@satisfies アノテーションの追加
        └── メソッド本体: throw new Error('Not implemented')
                │
                ▼
Step 2: テストスケルトンの生成
        ├── テスト構造(03-test-cases.md から)
        ├── @verifies/@testcase アノテーションの追加
        └── テスト本体: test.skip() または test.todo()
                │
                ▼
Step 3: インタフェースの詳細の実装(`/code-quality` に従う)
                │
                ▼
Step 4: テストの完成(`/testing-guide` に従う)
                │
                ▼
Step 5: `/devdocs-sync --trace` を実行して追跡マトリックスを更新

スケルトン生成の制約

  • [ ] インタフェーススケルトンは完全なシグネチャを含む必要があります(パラメータ、戻り値、ジェネリック)
  • [ ] インタフェーススケルトンは追跡アノテーションを追加する必要があります
  • [ ] 未実装のメソッドは Error をスローし、タスク番号を明記する必要があります
  • [ ] テストスケルトンは skip/todo マークを使用する必要があります
  • [ ] テストスケルトンは @verifies と @testcase アノテーションを追加する必要があります

詳細は skeleton-examples.md を参照してください。

階層化 TDD モデル

タスクの種類に応じてテストの優先順位を決定します。

階層 TDD モデル 説明
コアロジック (Service/Domain) 🔴 必須 テスト先行
インタフェース層 (Controller/API) 🟡 推奨 テスト先行を推奨
UI 層 (Component/View) 🟢 オプション 実装後にテストを追加可能
インフラストラクチャ (DB/Config) ⚪ 適用外 統合テストで検証

TDD サイクル

┌─────┐    ┌─────┐    ┌─────┐
│ 赤  │ → │ 緑  │ → │リファクタリング │ ──┐
│テストを書く│    │実装を書く│    │最適化 │   │
│(失敗)│    │(成功)│    │コード │   │
└─────┘    └─────┘    └─────┘   │
    ↑                           │
    └───────────────────────────┘

詳細な実行フローは execution-flow.md を参照してください。

Skill 連携

段階 連携 Skill 説明
ビジネスコードの記述 /code-quality MTE 原則、依存性注入、過度な設計の回避
テストコードの記述 /testing-guide アサーションの品質、変異テスト、カバレッジ
UI 実装 /ui-skills アクセシビリティ、アニメーション、レイアウト制約
コードのコミット /git-safety git mv/rm を使用してファイルを処理
コミットメッセージ /commit-convention プロジェクトのコミット規約に従う
タスク完了 /devdocs-sync 後続:追跡マトリックスの更新(--trace)

制約

スケルトン生成の制約

  • [ ] インタフェーススケルトンは完全なシグネチャを含む必要があります
  • [ ] インタフェーススケルトンは追跡アノテーションを追加する必要があります
  • [ ] 未実装のメソッドは Error をスローする必要があります
  • [ ] テストスケルトンは skip/todo マークを使用する必要があります
  • [ ] テストスケルトンは @verifies と @testcase アノテーションを追加する必要があります

階層化 TDD の制約

  • [ ] コアロジックタスクは 🔴 必須 TDD とマークする必要があります
  • [ ] コアロジックタスクは最初にテストを書き、次に実装を書く必要があります
  • [ ] コアロジックタスクはテストに合格する前にコミットしてはいけません
  • [ ] インタフェース層タスクは 🟡 推奨 TDD とマークします
  • [ ] UI 層タスクは 🟢 オプション TDD とマークします
  • [ ] インフラストラクチャタスクは ⚪ 適用外 TDD とマークします
  • [ ] TDD タスクは赤-緑-リファクタリングの 3 つのステップを含む必要があります

完了チェックの制約

  • [ ] 受け入れ基準 (AC-XXX) をすべて満たす
  • [ ] 関連するテストをすべて通過する
  • [ ] レビューの要点の自己チェックを完了する
  • [ ] コード追跡アノテーションが完全である

タスク完了フロー

TDD タスク(コアロジック 🔴)

  1. テスト先行の確認:最初にテストを書いたかどうかを確認します
  2. 赤-緑サイクルの確認:テストが失敗から成功に変わったかを確認します
  3. リファクタリングのチェック:コードが最適化されたかどうかを確認します
  4. 受け入れ基準の検証:すべての AC が満たされているかを確認します
  5. レビューの要点の自己チェック:TDD フローのチェックを含む
  6. コミットの確認:AskUserQuestion を使用して質問します。
    • "タスク T-XX(TDD)が完了し、テストに合格しました。コードをコミットしますか?"
    • 選択肢:"コミット" / "修正を続ける" / "スキップ"
  7. コミットする場合git addcommit を実行します。メッセージにはタスク番号を含めます
  8. 状態の更新:タスクを完了済みにマークします

非 TDD タスク(インタフェース/UI/インフラストラクチャ)

  1. テストの実行:タスク定義のテスト方法を実行します
  2. 受け入れ基準の検証:すべての受け入れ基準が満たされているかを確認します
  3. レビューの要点の自己チェック:コードレビューの要点を確認します
  4. コミットの確認:AskUserQuestion を使用して質問します
  5. コミットする場合git addcommit を実行します
  6. 状態の更新:タスクを完了済みにマークします

コミットメッセージの形式

/commit-convention の仕様に従い、以下の形式を使用します。

<type>(T-XX): <タスク名>

- <完了内容1>
- <完了内容2>

関連: F-XXX, AC-XXX
テスト: UT-XXX, IT-XXX 合格

type タイプ:feat | fix | refactor | test | docs | chore

参考資料

📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

开发工作流

执行单个开发任务的工作流指导,采用自顶向下开发模式和分层 TDD。

语言规则

  • 支持中英文提问
  • 统一中文回复

触发条件

  • 用户开始执行某个任务(如 T-01)
  • 用户需要开发指导
  • 用户从 devdocs-dev-tasks 进入开发阶段
  • 关键词:"开发任务"、"执行任务"、"开始 T-XX"

前置条件

  • 任务文档:docs/devdocs/04-dev-tasks.md
  • 任务已定义并包含:关联需求、验收标准、测试方法

工作流程

1. 读取任务定义
   ├── 从 04-dev-tasks.md 获取任务详情
   ├── 确认关联的 F-XXX、AC-XXX
   └── 确认关联的测试用例 UT/IT/E2E-XXX
           │
           ▼
2. 生成骨架代码(自顶向下)
   ├── 接口骨架 + @requirement/@satisfies 标注
   └── 测试骨架 + @verifies/@testcase 标注
           │
           ▼
3. 执行开发(分层 TDD)
   ├── 核心逻辑 🔴:测试先行
   ├── 接口层 🟡:推荐测试先行
   ├── UI 层 🟢:可实现后补测试
   └── 基础设施 ⚪:集成测试验证
           │
           ▼
4. 完成检查
   ├── 验收标准全部满足
   ├── 测试通过
   └── Review 要点自查
           │
           ▼
5. 提交代码(遵循 /commit-convention)
           │
           ▼
6. 更新追溯(运行 /devdocs-sync --trace)

代码追溯标注规范

实现文档↔代码的双向追溯,AI 在生成代码时自动添加标注。

标注类型

标注 用途 位置
@requirement F-XXX 关联功能点 接口/类/模块
@satisfies AC-XXX 满足的验收标准 接口/方法
@verifies AC-XXX 验证的验收标准 测试用例
@testcase UT/IT/E2E-XXX 测试编号 测试用例

标注示例

/**
 * 创建用户
 * @requirement F-001 - 用户注册
 * @satisfies AC-001 - 邮箱格式校验
 * @satisfies AC-002 - 密码强度校验
 */
export async function createUser(dto: CreateUserDTO): Promise<User> {
  // 实现代码
}

/**
 * @verifies AC-001 - 邮箱格式校验
 * @testcase UT-001
 */
test('createUser 应该拒绝无效邮箱格式', () => {
  // 测试代码
});

标注规则

层级 标注位置 强制性
公共接口 Service/API 入口方法 必须
测试文件 每个测试用例 必须
内部实现 复杂逻辑 可选

自顶向下开发模式

先定义骨架,后填充细节。确保追溯链在代码生成时就建立。

开发流程

Step 1: 生成接口骨架
        ├── 方法签名(来自 02-system-design.md)
        ├── 添加 @requirement/@satisfies 标注
        └── 方法体: throw new Error('Not implemented')
                │
                ▼
Step 2: 生成测试骨架
        ├── 测试结构(来自 03-test-cases.md)
        ├── 添加 @verifies/@testcase 标注
        └── 测试体: test.skip() 或 test.todo()
                │
                ▼
Step 3: 实现接口细节(遵循 /code-quality)
                │
                ▼
Step 4: 完善测试(遵循 /testing-guide)
                │
                ▼
Step 5: 运行 /devdocs-sync --trace 更新追溯矩阵

骨架生成约束

  • [ ] 接口骨架必须包含完整签名(参数、返回值、泛型)
  • [ ] 接口骨架必须添加追溯标注
  • [ ] 未实现方法必须抛出 Error 并注明任务编号
  • [ ] 测试骨架必须使用 skip/todo 标记
  • [ ] 测试骨架必须添加 @verifies 和 @testcase 标注

详见 skeleton-examples.md

分层 TDD 模式

根据任务类型决定测试优先级:

层级 TDD 模式 说明
核心逻辑 (Service/Domain) 🔴 强制 测试先行
接口层 (Controller/API) 🟡 推荐 建议测试先行
UI 层 (Component/View) 🟢 可选 可实现后补
基础设施 (DB/Config) ⚪ 不适用 集成测试验证

TDD 循环

┌─────┐    ┌─────┐    ┌─────┐
│ 红  │ → │ 绿  │ → │重构 │ ──┐
│写测试│    │写实现│    │优化 │   │
│(失败)│    │(通过)│    │代码 │   │
└─────┘    └─────┘    └─────┘   │
    ↑                           │
    └───────────────────────────┘

详细执行流程见 execution-flow.md

Skill 协作

阶段 协作 Skill 说明
写业务代码 /code-quality MTE 原则、依赖注入、避免过度设计
写测试代码 /testing-guide 断言质量、变异测试、覆盖率
UI 实现 /ui-skills 无障碍、动画、布局约束
代码提交 /git-safety 使用 git mv/rm 处理文件
提交信息 /commit-convention 遵循项目提交规范
任务完成 /devdocs-sync 后续:更新追溯矩阵(--trace)

约束

骨架生成约束

  • [ ] 接口骨架必须包含完整签名
  • [ ] 接口骨架必须添加追溯标注
  • [ ] 未实现方法必须抛出 Error
  • [ ] 测试骨架必须使用 skip/todo 标记
  • [ ] 测试骨架必须添加 @verifies 和 @testcase 标注

分层 TDD 约束

  • [ ] 核心逻辑任务必须标记 🔴 强制 TDD
  • [ ] 核心逻辑任务必须先写测试,后写实现
  • [ ] 核心逻辑任务禁止在测试通过前提交
  • [ ] 接口层任务标记 🟡 推荐 TDD
  • [ ] UI 层任务标记 🟢 可选 TDD
  • [ ] 基础设施任务标记 ⚪ 不适用 TDD
  • [ ] TDD 任务必须包含红-绿-重构三步骤

完成检查约束

  • [ ] 验收标准 (AC-XXX) 全部满足
  • [ ] 关联测试全部通过
  • [ ] Review 要点自查完成
  • [ ] 代码追溯标注完整

任务完成流程

TDD 任务(核心逻辑 🔴)

  1. 确认测试先行:检查是否先写了测试
  2. 确认红-绿循环:测试从失败到通过
  3. 检查重构:代码是否经过优化
  4. 验证验收标准:检查所有 AC 是否满足
  5. 自查 Review 要点:包含 TDD 流程检查
  6. 询问提交:使用 AskUserQuestion 询问:
    • "任务 T-XX(TDD)已完成,测试通过,是否提交代码?"
    • 选项:"提交" / "继续修改" / "跳过"
  7. 如提交:执行 git add 和 commit,消息包含任务编号
  8. 更新状态:将任务标记为已完成

非 TDD 任务(接口/UI/基础设施)

  1. 执行测试:运行任务定义的测试方法
  2. 验证验收标准:检查所有验收标准是否满足
  3. 自查 Review 要点:检查代码审查要点
  4. 询问提交:使用 AskUserQuestion 询问
  5. 如提交:执行 git add 和 commit
  6. 更新状态:将任务标记为已完成

提交信息格式

遵循 /commit-convention 规范,格式如下:

<type>(T-XX): <任务名称>

- <完成内容1>
- <完成内容2>

关联: F-XXX, AC-XXX
测试: UT-XXX, IT-XXX 通过

type 类型:feat | fix | refactor | test | docs | chore

参考资料