---
name: marp-slide-creator
description: Marp を使用してプレゼンテーション用スライドの Markdown ファイルを作成するスキル。ユーザーの要望に基づいて、Marp の機能（ディレクティブ、画像構文、フラグメントリスト、テーマ設定等）をフル活用した高品質なスライドを生成します。「スライドを作成して」「プレゼン資料を作って」「Marp でスライドを書いて」「発表資料を Markdown で作成して」等のリクエストで使用してください。
---

# Marp スライドクリエイター

このスキルは、Marp を使用したプレゼンテーションスライドの Markdown ファイル作成をサポートします。

## Marp について

Marp（Markdown Presentation Ecosystem）は、Markdown 記法でスライドを作成できるツールです。シンプルな Markdown ファイルから美しいプレゼンテーションを生成できます。

## 使用方法

### 事前準備：要件の確認

スライド作成を開始する前に、以下の情報をユーザーから収集してください。情報が不足している場合は質問して補足してください：

1. **プレゼンテーションの目的**: 何のための発表か（会議、セミナー、授業、提案等）
2. **対象読者**: 誰に向けた発表か（技術者、経営層、学生、一般等）
3. **スライドの内容**: 発表したい内容の概要またはアウトライン
4. **スライド枚数**: 希望するスライドの枚数（目安）
5. **テーマ・スタイル**: 希望するデザインテーマ（default、gaia、uncover 等）
6. **特別な要件**: ロゴ、背景画像、アニメーション等の要望

**重要**: 最低限、プレゼンテーションの目的と内容が明確になるまで作成を開始しないでください。

### スライド作成ワークフロー

#### フェーズ 1: 構成の設計

1. ユーザーの要望を分析し、スライドの構成案を作成
2. 各スライドのタイトルと概要をリスト化
3. ユーザーに構成案を確認し、フィードバックを反映

#### フェーズ 2: スライドの作成

1. Marp の構文とディレクティブを活用してスライドを作成
2. 適切な画像構文を使用して視覚的要素を追加
3. フラグメントリストを使用してアニメーション効果を追加（必要に応じて）

#### フェーズ 3: 仕上げ

1. 全体の一貫性を確認
2. 誤字脱字のチェック
3. ユーザーにレビューを依頼

### リファレンス

- **Marp 構文ガイド**: [references/guide.md](references/guide.md) を参照
- **スライドテンプレート**: [references/template.md](references/template.md) を参照

### Mermaid 図の使用

Marp で Mermaid 図（フローチャート、シーケンス図等）を使用する場合、以下の2点が必要です：

1. **JavaScript のロード**: スライドの先頭（フロントマターの直後）に以下のスクリプトを追加
2. **mermaid クラスの使用**: 図の定義を `<pre class="mermaid">` タグで囲む

詳細は [references/guide.md](references/guide.md) の「Mermaid 図」セクションを参照してください。

### 出力ファイル

- **ファイル名**: `slides.md` または ユーザー指定のファイル名
- **保存先**: ユーザー指定のディレクトリ

### 作成時の原則

- **一貫性**: スライド全体でフォント、色、レイアウトを統一する
- **簡潔さ**: 1 スライドに詰め込みすぎない（1 スライド 1 メッセージ）
- **視覚的**: テキストだけでなく、図や画像を活用する
- **アクセシビリティ**: 読みやすいフォントサイズとコントラストを確保

### 日本語での作成

スライドは日本語で作成します。ただし、ユーザーが他の言語を指定した場合はその言語で作成してください。