slide-generation について
エージェントや他のワークフローで使う、構造化コンテンツからスライドファイルを生成する低レベルスキルです。PPTX、Markdown、HTMLに対応し、複数のレイアウトとテーマを利用できます。出力は静的で、グラフ機能は基本的なものです。
主な機能
- 01PPTX、Markdown、HTMLスライドの生成
- 02複数のスライドレイアウトに対応
- 03既定テーマとカスタムテーマの適用
- 04画像と発表者ノートの追加
- 05構造化JSONからのスライド作成
活用シーン
- 01アウトラインからPowerPoint資料を作成
- 02Markdown形式で開発者向け資料を作成
- 03市場調査レポートをプレゼン資料に変換
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ michaelboeding/ skills --skill slide-generationインストール後、Claude Code で/slide-generationを入力して読み込まれたか確認します。
同梱ファイルscripts/slides.py
詳細
スライド生成スキル
構造化されたコンテンツからプレゼンテーションスライドを作成します。
これは低レベルの生成スキルであり、他のエージェントが実際のスライドファイルを作成するために使用します。
作成できるもの
| 形式 | 方法 | 最適な用途 |
|---|---|---|
| PPTX | python-pptx ライブラリ | PowerPoint、Google Slides へのインポート |
| Markdown | Marp/Slidev 形式 | 開発者向けプレゼンテーション |
| HTML | Reveal.js テンプレート | ウェブベースのプレゼンテーション |
前提条件
# Required for PPTX generation
pip install python-pptx Pillow
# Optional for Markdown slides
npm install -g @marp-team/marp-cli
使い方
スクリプト:slides.py
# Basic slide creation
python slides.py --content slides.json --output presentation.pptx
# With theme
python slides.py --content slides.json --theme modern-dark --output deck.pptx
# Markdown output
python slides.py --content slides.json --format markdown --output slides.md
入力形式:slides.json
{
"metadata": {
"title": "Presentation Title",
"author": "Author Name",
"theme": "modern-dark"
},
"slides": [
{
"type": "title",
"title": "Main Title",
"subtitle": "Subtitle or tagline",
"image": "logo.png"
},
{
"type": "content",
"title": "Slide Title",
"bullets": [
"First point",
"Second point",
"Third point"
],
"notes": "Speaker notes for this slide"
},
{
"type": "image",
"title": "Visual Slide",
"image": "chart.png",
"caption": "Optional caption"
},
{
"type": "two-column",
"title": "Comparison",
"left": {
"heading": "Before",
"bullets": ["Point 1", "Point 2"]
},
"right": {
"heading": "After",
"bullets": ["Point 1", "Point 2"]
}
},
{
"type": "quote",
"quote": "This is a customer testimonial or important quote.",
"attribution": "- Customer Name, Company"
},
{
"type": "stats",
"title": "Key Metrics",
"stats": [
{"value": "10x", "label": "Faster"},
{"value": "50%", "label": "Cost Savings"},
{"value": "1M+", "label": "Users"}
]
}
]
}
スライドの種類
1. タイトルスライド
{
"type": "title",
"title": "Company Name",
"subtitle": "Tagline goes here",
"image": "logo.png",
"date": "January 2026"
}
2. コンテンツスライド(箇条書き)
{
"type": "content",
"title": "Slide Title",
"bullets": ["Point 1", "Point 2", "Point 3"],
"image": "optional-side-image.png",
"notes": "Speaker notes"
}
3. 画像スライド
{
"type": "image",
"title": "Product Screenshot",
"image": "screenshot.png",
"caption": "Our new dashboard"
}
4. 2 列スライド
{
"type": "two-column",
"title": "Before & After",
"left": {"heading": "Before", "bullets": ["Problem 1"]},
"right": {"heading": "After", "bullets": ["Solution 1"]}
}
5. 引用スライド
{
"type": "quote",
"quote": "This product changed our business.",
"attribution": "- CEO, Fortune 500 Company",
"image": "headshot.png"
}
6. 統計スライド
{
"type": "stats",
"title": "By the Numbers",
"stats": [
{"value": "10x", "label": "Faster"},
{"value": "$1M", "label": "Saved"}
]
}
7. グラフスライド
{
"type": "chart",
"title": "Market Size",
"chart_type": "bar",
"data": {
"labels": ["TAM", "SAM", "SOM"],
"values": [50, 10, 2]
}
}
8. セクション区切り
{
"type": "section",
"title": "Part 2: The Solution"
}
9. クロージングスライド
{
"type": "closing",
"title": "Thank You",
"subtitle": "Questions?",
"contact": "[email protected]"
}
テーマ
| テーマ | 説明 |
|---|---|
modern-dark | ダークな背景、明るいテキスト、大胆なアクセント |
modern-light | 明るい背景、すっきりとしたミニマルなデザイン |
corporate | プロフェッショナルな青系の色調 |
startup | 大胆な色使い、エネルギッシュな雰囲気 |
minimal | 最大限の余白、タイポグラフィを重視 |
カスタムテーマ
{
"theme": {
"background": "#1a1a2e",
"text": "#ffffff",
"accent": "#e94560",
"heading_font": "Montserrat",
"body_font": "Open Sans"
}
}
他のスキルとの連携
pitch-deck-agent のワークフロー:
1. pitch-deck-agent generates slide content as JSON
2. Calls image-generation for visuals
3. Calls slide-generation to create PPTX
4. Returns actual .pptx file
market-researcher-agent のワークフロー:
1. market-researcher-agent creates market report
2. Converts report to slide format
3. Calls slide-generation for presentation
4. Returns market-report.pptx
出力
✅ Presentation created: presentation.pptx
Slides: 12
Theme: modern-dark
Images: 5 embedded
Open with:
- Microsoft PowerPoint
- Google Slides (import)
- LibreOffice Impress
制限事項
- グラフは基本的なものです(複雑なグラフには image-generation を使用してください)
- アニメーションには対応していません(静的なスライドのみ)
- カスタムレイアウトにはテーマのカスタマイズが必要です
- 大きな画像は収まるようにサイズが変更されます
高度な PowerPoint 操作
より複雑な PowerPoint タスクには、以下に対応する pptx スキル を使用してください:
- 既存のプレゼンテーションの編集(OOXML)
- テンプレートの操作(複製、並べ替え、置換)
- HTML → PowerPoint への変換
- 高度なレイアウトとタイポグラフィの制御
- コメントと発表者ノート
プロンプトの例
他のエージェントから:
slide-generationはプログラムから呼び出され、ユーザーが直接使用するものではありません
直接使用する場合:
「このコンテンツからスライドを作成してください:[JSON を貼り付け]」 「アウトラインから PowerPoint を生成してください」
コメント
Markdown 対応