File contents 設計計画（Design Plan）
TDD開発を開始する前の設計フェーズを支援します。実装前に設計仕様を文書化し、この仕様を元にtest-driven-developmentスキルで実装を開始できる状態を作ります。
ワークフロー
1. design-plan スキル実行
↓ 設計ドキュメント作成 (docs/design/ 配下)
2. 補助ツールでの設計レビュー
↓ Swagger UI, Storybook, Terraform plan 等で確認
3. test-driven-development スキル実行
↓ Red-Green-Refactor サイクル
4. 実装完了
開発タイプ別ガイド
開発タイプに応じた詳細ガイドを参照してください。
詳細情報
以下の詳細情報は REFERENCE.md を参照してください：
設計計画の目的と原則
設計フェーズの実施手順
設計ドキュメントの配置構造
設計品質チェックポイント
他のスキルとの連携
補助ツールの選定基準
カスタマイズガイド
注意事項とFAQ
次のステップ : 設計完了後は test-driven-development スキルで実装を開始してください。
Converted and distributed by TomeVault — claim your Tome and manage your conversions.
1 --- 2 name: yellow-seed-agentusagewidget-design-plan 3 description: 設計計画スキル。TDD開発前の設計フェーズを支援し、仕様ドキュメントを作成。Use when: 新機能・API・画面・インフラの設計、実装前の仕様策定を依頼された時。 Use when this capability is needed. 4 metadata: 5 author: yellow-seed 6 --- 7 8 # 設計計画（Design Plan） 9 10 TDD開発を開始する前の設計フェーズを支援します。実装前に設計仕様を文書化し、この仕様を元にtest-driven-developmentスキルで実装を開始できる状態を作ります。 11 12 ## ワークフロー 13 14 ``` 15 1. design-plan スキル実行 16 ↓ 設計ドキュメント作成 (docs/design/ 配下) 17 2. 補助ツールでの設計レビュー 18 ↓ Swagger UI, Storybook, Terraform plan 等で確認 19 3. test-driven-development スキル実行 20 ↓ Red-Green-Refactor サイクル 21 4. 実装完了 22 ``` 23 24 ## 開発タイプ別ガイド 25 26 開発タイプに応じた詳細ガイドを参照してください。 27 28 | 開発タイプ | 基本補助ツール | 詳細ガイド | 29 | ------------------------ | ----------------------------------------------- | ------------------------------------------------------------------------------------ | 30 | **CLI開発** | CLIフレームワーク (oclif, cobra, clap, click等) | [resources/cli_design_desc.md](./resources/cli_design_desc.md) | 31 | **API開発** | **Swagger UI / OpenAPI Specification** | [resources/api_design_desc.md](./resources/api_design_desc.md) | 32 | **画面開発** | **Storybook** | [resources/ui_design_desc.md](./resources/ui_design_desc.md) | 33 | **モバイルアプリ開発** | Figma, React Native Storybook, Flutter DevTools | [resources/mobile_design_desc.md](./resources/mobile_design_desc.md) | 34 | **クラウドインフラ構築** | **Terraform / OpenTofu** | [resources/infrastructure_design_desc.md](./resources/infrastructure_design_desc.md) | 35 36 ## 詳細情報 37 38 以下の詳細情報は [REFERENCE.md](./REFERENCE.md) を参照してください： 39 40 - 設計計画の目的と原則 41 - 設計フェーズの実施手順 42 - 設計ドキュメントの配置構造 43 - 設計品質チェックポイント 44 - 他のスキルとの連携 45 - 補助ツールの選定基準 46 - カスタマイズガイド 47 - 注意事項とFAQ 48 49 --- 50 51 **次のステップ**: 設計完了後は [test-driven-development](../test-driven-development/SKILL.md) スキルで実装を開始してください。 52 53 --- 54 > Converted and distributed by [TomeVault](https://tomevault.io/claim/yellow-seed) — claim your Tome and manage your conversions. 55 <!-- tomevault:4.0:skill_md:2026-04-13 -->
tomevault-io/skills-registry/tree/main/yellow-seed--agentusagewidget--design-plan commit aa81005bff
Frequently asked questions How do I install the Yellow Seed Agentusagewidget Design Plan skill? Run npx skillmds@latest add tomevault-io/yellow-seed-agentusagewidget-design-plan in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
What does the Yellow Seed Agentusagewidget Design Plan skill do? 設計計画（Design Plan） It is listed under Coding & Dev Tools on SkillMD.
Is Yellow Seed Agentusagewidget Design Plan safe to use? This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: makes network calls. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
Which AI agents work with Yellow Seed Agentusagewidget Design Plan? This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Is Yellow Seed Agentusagewidget Design Plan free to use? Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
Who published Yellow Seed Agentusagewidget Design Plan? tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.
tomevault-io