# Cursor × marp プロンプト集・テンプレート

## 📋 目次
1. [提案書生成プロンプト](#提案書生成プロンプト)
2. [見積書生成プロンプト](#見積書生成プロンプト)
3. [marpテンプレート](#marpテンプレート)
4. [実践例](#実践例)

---

## 提案書生成プロンプト

### 基本プロンプト
```
以下の顧客要望を読み込み、技術提案書を作成してください。

【顧客要望】
[ここに顧客の要望を記載]

【出力形式】
以下の構成でMarkdown形式で出力してください：

# [顧客名]様
# [プロジェクト名]提案書

## プロジェクト概要
- 目的
- 背景
- 期待効果

## システム概要
- システム構成
- 主要機能
- 技術スタック

## 開発アプローチ
- 開発手法
- 品質保証
- リスク管理

## スケジュール・工数
- 開発期間
- 主要マイルストーン
- 工数見積

## 提案内容
- 技術提案
- 運用提案
- 保守提案
```

### 詳細プロンプト（API開発案件例）
```
以下の顧客要望を読み込み、API開発の技術提案書を作成してください。

【顧客要望】
- 金融機関向けデータ配信システム
- API開発
- リアルタイム処理
- 高可用性要件
- 平日稼働

【技術要件】
- Python 3.9+
- WebSocket/FIX Protocol
- TLS 1.3
- Linux系OS

【出力形式】
Marpテンプレートを使用したMarkdown形式で出力してください。
各セクションは適切な見出しレベル（##、###）を使用し、
箇条書きやテーブルを活用して読みやすく構成してください。
```

---

## 見積書生成プロンプト

### 工数見積プロンプト
```
以下の要件に基づいて、詳細な工数見積を作成してください。

【プロジェクト概要】
[プロジェクトの概要]

【技術要件】
[技術的な要件]

【出力形式】
以下の構成でMarkdownテーブル形式で出力してください：

## 工数見積

| フェーズ | タスク | 工数(人日) | 担当 | 備考 |
|----------|--------|------------|------|------|
| 要件定義 | 顧客ヒアリング | X | PM | 詳細要件の整理 |
| 要件定義 | 要件定義書作成 | X | PM | システム要件の明確化 |
| 基本設計 | システム設計 | X | アーキテクト | 全体構成設計 |
| 基本設計 | データ設計 | X | 設計者 | DB設計・API設計 |
| 詳細設計 | 詳細設計書作成 | X | 設計者 | 各機能の詳細設計 |
| 実装 | コア機能実装 | X | 開発者 | 主要機能の実装 |
| 実装 | テストコード作成 | X | 開発者 | 単体テスト実装 |
| テスト | 単体テスト | X | QA | 機能テスト |
| テスト | 結合テスト | X | QA | システム統合テスト |
| テスト | 負荷テスト | X | QA | 性能テスト |
| 運用準備 | 運用マニュアル作成 | X | PM | 運用手順書 |
| 運用準備 | 研修実施 | X | PM | ユーザー研修 |

## 総工数・金額
- 総工数: XX人日
- 単価: X万円/人日
- 総額: XXX万円（税別）
```

### スケジュール生成プロンプト
```
上記の工数見積に基づいて、プロジェクトスケジュールを作成してください。

【制約条件】
- 開始日: [開始日]
- 終了日: [終了日]
- チーム構成: [人数・役割]
- 並行作業可能なタスク

【出力形式】
以下の構成でMarkdown形式で出力してください：

## プロジェクトスケジュール

### 全体期間
[開始日] 〜 [終了日]（XX週間）

### 主要マイルストーン
- **Week 1**: 要件定義完了
- **Week 3**: 基本設計完了
- **Week 6**: 詳細設計完了
- **Week 10**: 実装完了
- **Week 12**: テスト完了
- **Week 13**: 運用準備完了

### 週別スケジュール
| 週 | フェーズ | 主要タスク | 担当 | 成果物 |
|----|----------|------------|------|--------|
| 1 | 要件定義 | 顧客ヒアリング | PM | 要件定義書 |
| 2 | 要件定義 | 要件整理・確定 | PM | 要件定義書 |
| 3 | 基本設計 | システム設計 | アーキテクト | 基本設計書 |
| ... | ... | ... | ... | ... |
```

---

## marpテンプレート

### 基本テンプレート
```markdown
---
marp: true
header: ' '
footer: ' '
---

<style>
/* Google Fontsから日本語フォントを読み込み */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

/* --- 色やフォントの基本設定 --- */
:root {
  --color-background: #f8f8f4;
  --color-foreground: #3a3b5a;
  --color-heading: #4f86c6;
  --color-hr: #000000;
  --font-default: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
}

/* --- スライド全体のスタイル --- */
section {
  background-color: var(--color-background);
  color: var(--color-foreground);
  font-family: var(--font-default);
  font-weight: 400;
  box-sizing: border-box;
  border-bottom: 8px solid var(--color-hr);
  position: relative;
  line-height: 1.7;
  font-size: 22px;
  padding: 56px;
}
section:last-of-type {
  border-bottom: none;
}

/* --- 見出しのスタイル --- */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: var(--color-heading);
  margin: 0;
  padding: 0;
}

/* タイトルページ(h1)のスタイル */
h1 {
  font-size: 56px;
  line-height: 1.4;
  text-align: left;
}

/* 通常スライドのタイトル(##) */
h2 {
  position: absolute;
  top: 40px;
  left: 56px;
  right: 56px;
  font-size: 40px;
  padding-top: 0;
  padding-bottom: 16px;
}

/* h2と後続コンテンツの間のスペースを確保 */
h2 + * {
  margin-top: 56px;
}

/* サブ見出し (例: 目的, 目標) */
h3 {
  color: var(--color-foreground);
  font-size: 28px;
  margin-top: 32px;
  margin-bottom: 12px;
}

/* --- リストのスタイル --- */
ul, ol {
  padding-left: 32px;
}
li {
  margin-bottom: 10px;
}

/* フッターとして機能する、太い青いラインを実装 */
footer {
  font-size: 0;
  color: transparent;
  position: absolute;
  left: 56px;
  right: 56px;
  bottom: 40px;
  height: 8px;
  background-color: var(--color-heading);
}

/* ロゴの配置 */
header {
  font-size: 0;
  color: transparent;
  background-image: url('logo.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
  position: absolute;
  top: 40px;
  left: calc(100% - 180px - 56px);
  width: 180px;
  height: 50px;
}

/* --- 特別なクラス --- */
section.lead {
  border-bottom: 8px solid var(--color-hr);
}

/* タイトルページではフッターラインとロゴ(header)を非表示にする */
section.lead footer,
section.lead header {
  display: none;
}

section.lead h1 {
  margin-bottom: 24px;
}
section.lead p {
  font-size: 24px;
  color: var(--color-foreground);
}

/* コードブロックのスタイル */
code {
  background-color: #f5f5f5;
  padding: 2px 6px;
  border-radius: 4px;
  font-family: 'Courier New', monospace;
}

pre {
  background-color: #f5f5f5;
  padding: 16px;
  border-radius: 8px;
  overflow-x: auto;
  border-left: 4px solid var(--color-heading);
}
</style>

# [顧客名]様
# [プロジェクト名]提案書

<br>

**提出日**: [日付]  
**システム名**: [システム名]

---

## [セクションタイトル]

[コンテンツ]

---
```

### 変換コマンド
```bash
# PDF出力（ローカルファイル許可）
marp document.md --pdf --allow-local-files --output output.pdf

# HTML出力
marp document.md --html --output output.html

# プレゼンテーションモード
marp document.md --server --port 8080
```

---

## トラブルシューティング

### よくある問題と解決法

#### 画像が表示されない
```bash
# 解決法：ローカルファイル許可オプションを使用
marp document.md --pdf --allow-local-files
```

#### フォントが正しく表示されない
```css
/* 解決法：フォールバックフォントを指定 */
font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
```

#### レイアウトが崩れる
```markdown
# 解決法：見出しは1行に収める
## 良い例：短いタイトル
## 悪い例：非常に長いタイトルで改行されてしまう
```

---

## まとめ

Cursor × marpの組み合わせにより、提案書・見積書の作成効率を大幅に向上させることができます。

### 重要なポイント
- **プロンプト設計**: 具体的で構造化された指示
- **テンプレート活用**: 統一されたフォーマット
- **品質管理**: 人間による最終チェック
- **継続改善**: フィードバックループの構築

### 次のステップ
1. チーム内でのテンプレート共有
2. プロンプト設計研修の実施
3. 効果測定と改善
4. 全社展開への準備

このドキュメントを活用して、効率的な資料作成を実現してください！