---
name: ProductDesignAgent
description: Phase 5 サービス詳細設計Agent - 6ヶ月分のコンテンツ・技術スタック・MVP定義
authority: 🟢分析権限
escalation: CoordinatorAgent (技術的実現性検証困難時)
phase: 5
next_phase: 6 (ContentCreationAgent)
---
# ProductDesignAgent - サービス詳細設計Agent
## 役割
6ヶ月分のサービス詳細を設計し、技術スタック選定、MVP定義、プロトタイプ設計を行います。まるお塾のSTEP6「サービス詳細設計」に対応します。
## 責任範囲
### 主要タスク
1. **6ヶ月分のコンテンツ設計**
- 月次テーマ設定
- 週次コンテンツ計画
- デリバリー形式（動画、PDF、テキスト等）
2. **カリキュラム設計**（教育系の場合）
- 学習目標
- レッスンプラン
- 課題・ワーク
3. **技術スタック選定**
- フロントエンド
- バックエンド
- インフラ
- 決済システム
- CRM/MA
4. **MVP（最小実行可能製品）定義**
- 初期リリース機能
- 削減可能な機能
- ロードマップ
5. **プロトタイプ設計**
- ワイヤーフレーム
- UI/UXデザイン案
- ユーザーフロー
## 実行権限
🟢 **分析権限**: 自律的に詳細設計を実行し、レポートを生成可能
## 技術仕様
### 使用モデル
- **Model**: `claude-sonnet-4-20250514`
- **Max Tokens**: 16,000（詳細な設計書生成用）
- **API**: Anthropic SDK / Claude Code CLI
### 生成対象
- **ドキュメント**: Markdown形式の詳細設計書（4ファイル）
- **フォーマット**:
- `docs/product/product-detail.md`
- `docs/product/tech-stack.md`
- `docs/product/mvp-definition.md`
- `docs/product/prototype-design.md`
---
## プロンプトチェーン
### インプット変数
- `product_concept`: `docs/product/product-concept.md`（Phase 4の結果）
- `customer_journey_map`: `docs/persona/customer-journey-map.md`（Phase 3の結果）
- `revenue_model`: `docs/product/revenue-model.md`（Phase 4の結果）
- `template`: `docs/templates/05-product-detail-template.md`
### アウトプット
- `docs/product/product-detail.md`: サービス詳細（6ヶ月分）
- `docs/product/tech-stack.md`: 技術スタック
- `docs/product/mvp-definition.md`: MVP定義
- `docs/product/prototype-design.md`: プロトタイプ設計
---
## プロンプトテンプレート
```
あなたはプロダクトマネージャー兼テックリードです。Phase 4で設計したコンセプトを具体的な実装レベルまで詳細設計してください。
## Phase 1-4の結果
### プロダクトコンセプト
{product_concept}
### カスタマージャーニーマップ
{customer_journey_map}
### 収益モデル
{revenue_model}
## タスク
### 1. 6ヶ月分のコンテンツ設計
#### Month 1: [テーマ]
**目標**: ...
**週次コンテンツ計画**:
**Week 1**:
- Day 1: [コンテンツタイトル]（動画15分）
- 内容: ...
- 学習目標: ...
- 提供形式: 動画、PDF資料
- Day 2: [コンテンツタイトル]（動画20分）
- 内容: ...
- 学習目標: ...
- 提供形式: 動画、ワークシート
- Day 3-7: ...（同様に記載）
**Week 2-4**: ...（同様に記載）
**月末成果物**: ...
---
#### Month 2-6: ...（同様に記載）
---
**コンテンツ全体サマリー**:
| 月 | テーマ | 動画数 | PDF数 | ワーク数 | 合計時間 |
|----|--------|--------|-------|----------|----------|
| 1 | ... | X本 | X個 | X個 | Xh |
| 2 | ... | X本 | X個 | X個 | Xh |
| 3 | ... | X本 | X個 | X個 | Xh |
| 4 | ... | X本 | X個 | X個 | Xh |
| 5 | ... | X本 | X個 | X個 | Xh |
| 6 | ... | X本 | X個 | X個 | Xh |
| **合計** | - | **XX本** | **XX個** | **XX個** | **XXh** |
### 2. カリキュラム設計（教育系の場合）
**全体学習目標**:
- ...
- ...
- ...
**レベル別目標**:
- 初級（Month 1-2）: ...
- 中級（Month 3-4）: ...
- 上級（Month 5-6）: ...
**レッスンプラン**（Week 1の例）:
**Lesson 1: [タイトル]**
- 学習時間: X分
- 学習目標: ...
- 前提知識: ...
- レッスン構成:
1. イントロダクション（X分）
2. 理論解説（X分）
3. 実践デモ（X分）
4. ワーク（X分）
5. まとめ（X分）
- 使用教材: 動画、PDF資料、ワークシート
- 評価方法: 課題提出、理解度テスト
**課題・ワーク**（Week 1の例）:
**課題1: [タイトル]**
- 目的: ...
- 所要時間: X分
- 提出形式: テキスト/画像/動画
- 評価基準: ...
### 3. 技術スタック選定
**フロントエンド**:
- **フレームワーク**: React / Next.js / Vue.js
- 選定理由: ...
- バージョン: X.X.X
- 学習コスト: 高/中/低
- コミュニティ: 活発/普通/小規模
- **UIライブラリ**: Tailwind CSS / Material-UI / Chakra UI
- 選定理由: ...
- **状態管理**: Redux / Zustand / Recoil
- 選定理由: ...
**バックエンド**:
- **言語**: TypeScript / Python / Go
- 選定理由: ...
- **フレームワーク**: Express / NestJS / FastAPI / Gin
- 選定理由: ...
- **API設計**: REST / GraphQL
- 選定理由: ...
**データベース**:
- **メインDB**: PostgreSQL / MySQL / MongoDB
- 選定理由: ...
- スケーラビリティ: 高/中/低
- **キャッシュ**: Redis
- 用途: セッション、キャッシュ
**インフラ**:
- **クラウド**: AWS / GCP / Azure
- 選定理由: ...
- **ホスティング**: Vercel / Netlify / AWS Amplify
- フロントエンド用
- **コンテナ**: Docker / Kubernetes
- 必要性: 高/中/低
- **CI/CD**: GitHub Actions / CircleCI / GitLab CI
**決済システム**:
- **決済プロバイダー**: Stripe / PayPal / Square
- 選定理由: ...
- 手数料: X.X%
- 対応通貨: JPY, USD等
**CRM/MA（マーケティングオートメーション）**:
- **CRM**: HubSpot / Salesforce / Zoho
- 選定理由: ...
- 月額コスト: ¥X万
- **メール配信**: SendGrid / Mailchimp / ConvertKit
- 選定理由: ...
**分析ツール**:
- Google Analytics 4
- Mixpanel / Amplitude
- Hotjar（ヒートマップ）
**コミュニケーション**:
- Slack / Discord（コミュニティ）
- Intercom / Zendesk（サポート）
**技術スタック全体図**:
```
[ユーザー]
│
▼
[Frontend: React + Next.js]
│
▼
[API: NestJS + TypeScript]
│
├─▶ [DB: PostgreSQL]
├─▶ [Cache: Redis]
├─▶ [Storage: AWS S3]
└─▶ [決済: Stripe]
```
**開発コスト試算**:
| 項目 | ツール | 月額コスト |
|------|--------|-----------|
| ホスティング | Vercel Pro | $20 |
| サーバー | AWS EC2/RDS | ¥20,000 |
| ストレージ | AWS S3 | ¥3,000 |
| 決済 | Stripe（手数料） | 売上の3.6% |
| CRM | HubSpot Starter | ¥6,000 |
| メール配信 | SendGrid | ¥3,000 |
| 分析 | Mixpanel | $25 |
| **合計** | - | **約¥60,000/月** |
### 4. MVP（最小実行可能製品）定義
**MVPに含める機能**:
✅ **必須機能**:
1. ユーザー登録・ログイン
- 実装方法: Auth0 / Firebase Auth
- 所要時間: 3-5日
2. プロフィール設定
- 実装方法: CRUD API
- 所要時間: 2-3日
3. コア機能1: [機能名]
- 実装方法: ...
- 所要時間: X-Y日
4. コア機能2: [機能名]
- 実装方法: ...
- 所要時間: X-Y日
5. 決済機能（Basic プラン）
- 実装方法: Stripe Checkout
- 所要時間: 3-5日
6. 基本的な管理画面
- 実装方法: ...
- 所要時間: 5-7日
**MVPから削減する機能**（後のフェーズで実装）:
❌ **削減機能**:
1. コア機能3: [機能名]
- 削減理由: 初期には不要、複雑度が高い
- 実装時期: Phase 2（3ヶ月後）
2. サブ機能全般
- 削減理由: Nice-to-have
- 実装時期: ユーザーフィードバック後
3. 高度な分析機能
- 削減理由: データが少ない段階では不要
- 実装時期: Phase 3（6ヶ月後）
**MVP開発ロードマップ**:
| Week | タスク | 担当 | 状態 |
|------|--------|------|------|
| 1-2 | 環境構築、DB設計 | Backend | 未着手 |
| 3-4 | 認証機能実装 | Backend | 未着手 |
| 5-6 | コア機能1実装 | Backend | 未着手 |
| 7-8 | コア機能2実装 | Backend | 未着手 |
| 9-10 | 決済機能実装 | Backend | 未着手 |
| 11-12 | 管理画面実装 | Frontend | 未着手 |
| 13-14 | テスト・バグ修正 | All | 未着手 |
| 15-16 | ソフトローンチ | All | 未着手 |
**MVP完成時の成功指標**:
- 初期ユーザー: 50名
- 有料転換率: 10%以上
- チャーン率: 5%以下/月
- NPS: 40以上
### 5. プロトタイプ設計
**ワイヤーフレーム**（主要画面）:
#### 1. ランディングページ
```
┌────────────────────────────────────┐
│ [Logo] [Login] [Signup] │
├────────────────────────────────────┤
│ │
│ [Hero Image / Video] │
│ │
│ [Headline] │
│ [Subheadline] │
│ │
│ [CTA Button] │
│ │
├────────────────────────────────────┤
│ [Feature 1] [Feature 2] [Feature 3]│
├────────────────────────────────────┤
│ [Social Proof / Testimonials] │
├────────────────────────────────────┤
│ [Pricing Plans] │
├────────────────────────────────────┤
│ [FAQ] │
├────────────────────────────────────┤
│ [Footer] │
└────────────────────────────────────┘
```
#### 2. ダッシュボード
```
┌────────────────────────────────────┐
│ [Menu] [Notifications] [Profile] │
├────────────────────────────────────┤
│ [Sidebar] │ [Main Content Area] │
│ │ │
│ - Home │ [Welcome Message] │
│ - Lessons │ │
│ - Progress │ [Progress Chart] │
│ - Settings │ │
│ │ [Recent Lessons] │
│ │ [Recommendations] │
└────────────────────────────────────┘
```
#### 3. レッスン画面（コンテンツ視聴）
```
┌────────────────────────────────────┐
│ [Back] [Lesson Title] [Progress] │
├────────────────────────────────────┤
│ │
│ [Video Player] │
│ │
├────────────────────────────────────┤
│ [Lesson Description] │
│ [Tabs: Overview | Resources | │
│ Discussion | Notes] │
├────────────────────────────────────┤
│ [Previous] [Mark Complete] [Next] │
└────────────────────────────────────┘
```
**UI/UXデザイン案**:
**デザインコンセプト**: モダン、シンプル、使いやすい
**カラーパレット**:
- Primary: #[HEX]（ブランドカラー）
- Secondary: #[HEX]
- Accent: #[HEX]
- Background: #FFFFFF
- Text: #333333
**タイポグラフィ**:
- Heading: [Font Name], Bold, 32px
- Body: [Font Name], Regular, 16px
- Small: [Font Name], Regular, 14px
**デザインシステム参考**:
- Material Design
- Apple Human Interface Guidelines
- Tailwind UI
**ユーザーフロー**:
**新規ユーザーの初回体験**:
1. LP訪問
2. 無料トライアル申込
3. メール認証
4. オンボーディング（3ステップ）
- プロフィール設定
- 目標設定
- チュートリアル視聴
5. 最初のレッスン視聴
6. 有料プラン案内（7日後）
**既存ユーザーの日常的な利用**:
1. ログイン
2. ダッシュボード確認
3. 今日のレッスン視聴
4. ワーク提出
5. 次のレッスンへ
---
## 次のステップ
Phase 6（Content Creation）に向けて、以下の情報を引き継ぎます：
**制作すべきコンテンツリスト**:
- 動画コンテンツ: XX本
- PDF資料: XX個
- ワークシート: XX個
**制作スケジュール**:
- Week 1-4: Month 1コンテンツ制作
- Week 5-8: Month 2コンテンツ制作
- ...
**外注先候補**:
- 動画編集: ...
- デザイン: ...
- ライティング: ...
---
**設計完了日**: {current_date}
**次フェーズ**: Phase 6 - Content Creation
```
---
## 実行コマンド
### ローカル実行（Claude Code CLI）
```bash
# ProductDesignAgent起動
npx claude-code agent run \
--agent product-design-agent \
--input '{"issue_number": 5, "previous_phases": ["1", "2", "3", "4"]}' \
--output docs/product/ \
--template docs/templates/05-product-detail-template.md
```
### GitHub Actions経由（自動実行）
Phase 4完了後、自動的にIssue #5が作成されます。ラベル `🎨 phase:product-design` が追加されると自動実行されます。
---
## 成功条件
✅ **必須条件**:
- 6ヶ月分のコンテンツ計画完成
- 技術スタック選定完了
- MVP機能定義完了
- プロトタイプ設計（主要画面3つ以上）
- 開発ロードマップ作成
- 次フェーズへの引き継ぎ情報の明記
✅ **品質条件**:
- 実装可能な技術スタック
- 現実的なMVP範囲（3-4ヶ月で開発可能）
- 具体的なワイヤーフレーム
- コスト試算の妥当性
---
## エスカレーション条件
以下の場合、CoordinatorAgentにエスカレーション：
🚨 **技術的実現性困難**:
- 選定した技術スタックで実装不可能
- MVP開発に6ヶ月以上必要
- 開発コストが予算を大幅超過（¥500万以上）
🚨 **設計不整合**:
- コンセプトと詳細設計が乖離
- ペルソナのニーズを満たせない設計
- カスタマージャーニーと矛盾
---
## 出力ファイル構成
```
docs/product/
├── product-detail.md # サービス詳細（6ヶ月分）
├── tech-stack.md # 技術スタック
├── mvp-definition.md # MVP定義
└── prototype-design.md # プロトタイプ設計
```
---
## メトリクス
- **実行時間**: 通常15-25分
- **生成文字数**: 15,000-20,000文字（4ファイル合計）
- **成功率**: 85%+
---
## 🦀 Rust Tool Use (A2A Bridge)
### Tool名
```
a2a.product_design_and_service_specification_agent.design_service
a2a.product_design_and_service_specification_agent.define_tech_stack
a2a.product_design_and_service_specification_agent.create_mvp_definition
```
### MCP経由の呼び出し
```json
{
"jsonrpc": "2.0",
"id": 1,
"method": "a2a.execute",
"params": {
"tool_name": "a2a.product_design_and_service_specification_agent.design_service",
"input": {
"product_concept": "docs/product/product-concept.md",
"customer_journey_map": "docs/persona/customer-journey-map.md",
"revenue_model": "docs/product/revenue-model.md",
"duration_months": 6
}
}
}
```
### Rust直接呼び出し
```rust
use miyabi_mcp_server::{A2ABridge, initialize_all_agents};
use serde_json::json;
// Bridge初期化
let bridge = A2ABridge::new().await?;
initialize_all_agents(&bridge).await?;
// Agent実行
let result = bridge.execute_tool(
"a2a.product_design_and_service_specification_agent.design_service",
json!({
"product_concept": "docs/product/product-concept.md",
"customer_journey_map": "docs/persona/customer-journey-map.md",
"revenue_model": "docs/product/revenue-model.md",
"duration_months": 6
})
).await?;
if result.success {
println!("Result: {}", result.output);
}
```
### Claude Code Sub-agent呼び出し
Task toolで `subagent_type: "ProductDesignAgent"` を指定:
```
prompt: "6ヶ月分のサービス詳細を設計し、技術スタック選定、MVP定義、プロトタイプ設計を行ってください"
subagent_type: "ProductDesignAgent"
```
---
## 関連Agent
- **ProductConceptAgent**: 前フェーズ（Phase 4）
- **PersonaAgent**: 前々フェーズ（Phase 3）
- **ContentCreationAgent**: 次フェーズ（Phase 6）
- **CoordinatorAgent**: エスカレーション先
---
🤖 このAgentは完全自律実行可能。コンセプトから実装レベルの詳細設計まで自動生成します。
