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本体の挙動とは独立した参考情報です。
下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。
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
$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. 下の青いボタンを押して
devdocs-dev-workflow.zipをダウンロード - 2. ZIPファイルをダブルクリックで解凍 →
devdocs-dev-workflowフォルダができる - 3. そのフォルダを
C:\Users\あなたの名前\.claude\skills\(Win)または~/.claude/skills/(Mac)へ移動 - 4. Claude Code を再起動
⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。
🎯 このSkillでできること
下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。
📦 インストール方法 (3ステップ)
- 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
- 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
- 3. 展開してできたフォルダを、ホームフォルダの
.claude/skills/に置く- · macOS / Linux:
~/.claude/skills/ - · Windows:
%USERPROFILE%\.claude\skills\
- · macOS / Linux:
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 タスク(コアロジック 🔴)
- テスト先行の確認:最初にテストを書いたかどうかを確認します
- 赤-緑サイクルの確認:テストが失敗から成功に変わったかを確認します
- リファクタリングのチェック:コードが最適化されたかどうかを確認します
- 受け入れ基準の検証:すべての AC が満たされているかを確認します
- レビューの要点の自己チェック:TDD フローのチェックを含む
- コミットの確認:AskUserQuestion を使用して質問します。
- "タスク T-XX(TDD)が完了し、テストに合格しました。コードをコミットしますか?"
- 選択肢:"コミット" / "修正を続ける" / "スキップ"
- コミットする場合:
git addとcommitを実行します。メッセージにはタスク番号を含めます - 状態の更新:タスクを完了済みにマークします
非 TDD タスク(インタフェース/UI/インフラストラクチャ)
- テストの実行:タスク定義のテスト方法を実行します
- 受け入れ基準の検証:すべての受け入れ基準が満たされているかを確認します
- レビューの要点の自己チェック:コードレビューの要点を確認します
- コミットの確認:AskUserQuestion を使用して質問します
- コミットする場合:
git addとcommitを実行します - 状態の更新:タスクを完了済みにマークします
コミットメッセージの形式
/commit-convention の仕様に従い、以下の形式を使用します。
<type>(T-XX): <タスク名>
- <完了内容1>
- <完了内容2>
関連: F-XXX, AC-XXX
テスト: UT-XXX, IT-XXX 合格
type タイプ:feat | fix | refactor | test | docs | chore
参考資料
- skeleton-examples.md - インタフェース/テストスケルトンの例
- execution-flow.md - タスク実行フローの詳細
📜 原文 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 标注
分层 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 任务(核心逻辑 🔴)
- 确认测试先行:检查是否先写了测试
- 确认红-绿循环:测试从失败到通过
- 检查重构:代码是否经过优化
- 验证验收标准:检查所有 AC 是否满足
- 自查 Review 要点:包含 TDD 流程检查
- 询问提交:使用 AskUserQuestion 询问:
- "任务 T-XX(TDD)已完成,测试通过,是否提交代码?"
- 选项:"提交" / "继续修改" / "跳过"
- 如提交:执行 git add 和 commit,消息包含任务编号
- 更新状态:将任务标记为已完成
非 TDD 任务(接口/UI/基础设施)
- 执行测试:运行任务定义的测试方法
- 验证验收标准:检查所有验收标准是否满足
- 自查 Review 要点:检查代码审查要点
- 询问提交:使用 AskUserQuestion 询问
- 如提交:执行 git add 和 commit
- 更新状态:将任务标记为已完成
提交信息格式
遵循 /commit-convention 规范,格式如下:
<type>(T-XX): <任务名称>
- <完成内容1>
- <完成内容2>
关联: F-XXX, AC-XXX
测试: UT-XXX, IT-XXX 通过
type 类型:feat | fix | refactor | test | docs | chore
参考资料
- skeleton-examples.md - 接口/测试骨架示例
- execution-flow.md - 任务执行流程详解