# Yellow Seed My Portfolio Design Plan

> 設計計画（Design Plan）

- Skill: `tomevault-io/yellow-seed-my-portfolio-design-plan` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tomevault-io/yellow-seed-my-portfolio-design-plan`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/yellow-seed-my-portfolio-design-plan/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: tomevault-io (https://skillmd.com/u/tomevault-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tomevault-io/yellow-seed-my-portfolio-design-plan

---


# 設計計画（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. 実装完了
```

## 開発タイプ別ガイド

開発タイプに応じた詳細ガイドを参照してください。

| 開発タイプ               | 基本補助ツール                                  | 詳細ガイド                                                                           |
| ------------------------ | ----------------------------------------------- | ------------------------------------------------------------------------------------ |
| **CLI開発**              | CLIフレームワーク (oclif, cobra, clap, click等) | [resources/cli_design_desc.md](./resources/cli_design_desc.md)                       |
| **API開発**              | **Swagger UI / OpenAPI Specification**          | [resources/api_design_desc.md](./resources/api_design_desc.md)                       |
| **画面開発**             | **Storybook**                                   | [resources/ui_design_desc.md](./resources/ui_design_desc.md)                         |
| **モバイルアプリ開発**   | Figma, React Native Storybook, Flutter DevTools | [resources/mobile_design_desc.md](./resources/mobile_design_desc.md)                 |
| **クラウドインフラ構築** | **Terraform / OpenTofu**                        | [resources/infrastructure_design_desc.md](./resources/infrastructure_design_desc.md) |

## 詳細情報

以下の詳細情報は [REFERENCE.md](./REFERENCE.md) を参照してください：

- 設計計画の目的と原則
- 設計フェーズの実施手順
- 設計ドキュメントの配置構造
- 設計品質チェックポイント
- 他のスキルとの連携
- 補助ツールの選定基準
- カスタマイズガイド
- 注意事項とFAQ

---

**次のステップ**: 設計完了後は [test-driven-development](../test-driven-development/SKILL.md) スキルで実装を開始してください。

---
> Converted and distributed by [TomeVault](https://tomevault.io/claim/yellow-seed) — claim your Tome and manage your conversions.
<!-- tomevault:4.0:skill_md:2026-04-13 -->