mcpField
S
slide-generation

slide-generation

github.com/michaelboedingドキュメント3040 回インストール2 週間前に更新
リポジトリ

slide-generation について

エージェントや他のワークフローで使う、構造化コンテンツからスライドファイルを生成する低レベルスキルです。PPTX、Markdown、HTMLに対応し、複数のレイアウトとテーマを利用できます。出力は静的で、グラフ機能は基本的なものです。

主な機能

  1. 01PPTX、Markdown、HTMLスライドの生成
  2. 02複数のスライドレイアウトに対応
  3. 03既定テーマとカスタムテーマの適用
  4. 04画像と発表者ノートの追加
  5. 05構造化JSONからのスライド作成

活用シーン

  1. 01アウトラインからPowerPoint資料を作成
  2. 02Markdown形式で開発者向け資料を作成
  3. 03市場調査レポートをプレゼン資料に変換

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/michaelboeding/skills --skill slide-generation

インストール後、Claude Code で/slide-generationを入力して読み込まれたか確認します。

同梱ファイルscripts/slides.py

詳細

スライド生成スキル

構造化されたコンテンツからプレゼンテーションスライドを作成します。

これは低レベルの生成スキルであり、他のエージェントが実際のスライドファイルを作成するために使用します。

作成できるもの

形式方法最適な用途
PPTXpython-pptx ライブラリPowerPoint、Google Slides へのインポート
MarkdownMarp/Slidev 形式開発者向けプレゼンテーション
HTMLReveal.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 を生成してください」

コメント