jpskill.com
📄 ドキュメント コミュニティ

agentpreso

マークダウン形式の文章から、グラフや図表、テーマなどを活用したプロフェッショナルなプレゼンテーション資料(スライド、デッキ、ピッチ資料など)をPDFやPPTX形式で作成するSkill。

📜 元の英語説明(参考)

Create professional presentations from markdown. Use when users want to create slides, decks, presentations, or pitch decks. Supports charts, diagrams, themes, and export to PDF/PPTX.

🇯🇵 日本人クリエイター向け解説

一言でいうと

マークダウン形式の文章から、グラフや図表、テーマなどを活用したプロフェッショナルなプレゼンテーション資料(スライド、デッキ、ピッチ資料など)をPDFやPPTX形式で作成するSkill。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o agentpreso.zip https://jpskill.com/download/10205.zip && unzip -o agentpreso.zip && rm agentpreso.zip
🪟 Windows (PowerShell)
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/10205.zip -OutFile "$d\agentpreso.zip"; Expand-Archive "$d\agentpreso.zip" -DestinationPath $d -Force; ri "$d\agentpreso.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して agentpreso.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → agentpreso フォルダができる
  3. 3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
  4. 4. Claude Code を再起動

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-18
取得日時
2026-05-18
同梱ファイル
1

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

AgentPreso — AIネイティブなプレゼンテーション

チャート、図表、AI生成グラフィック、および10種類の組み込みテーマを使用して、Markdownからプロフェッショナルなスライドデッキを作成します。

クイックスタート

# 1. CLIをインストールします
curl -fsSL https://agentpreso.com/install.sh | sh

# 2. 認証
agentpreso login

# 3. デッキを作成します(テーマのスケルトンからMarkdownファイルを生成します)
agentpreso create my-deck --theme glacier

# 4. クラウドにプッシュ
agentpreso push my-deck.md

# 5. PDFにレンダリング
agentpreso render my-deck.md --format pdf

活用場面

ユーザーが以下を希望する場合に、このスキルを有効にします。

  • スライド、プレゼンテーション、デッキ、またはピッチデッキを作成する
  • スライドにチャートまたは図表を追加する
  • スライドをPDFまたはPPTXにエクスポートする
  • Marp Markdownを操作する
  • AgentPresoの名前を言及する
  • スライド形式の視覚的な要約、レポート、またはブリーフィングが必要

Markdown形式

デッキは単一の.mdファイルです。Frontmatterでメタデータとテーマを設定します。

---
marp: true
theme: glacier
title: My Presentation
---

<!-- _class: title-hero -->

# プレゼンテーションタイトル

サブタイトルまたはタグライン

---

<!-- _class: bullets -->

# 主要なポイント

- 詳細なサポート情報を含む最初の洞察
- データを含む2番目の洞察
- 持ち帰り可能な3番目の洞察

---

<!-- _class: two-col -->

# 比較

::: left

**オプションA**
最初のオプションの説明。

::: right

**オプションB**
2番目のオプションの説明。

主要な構文:

  • --- はスライドを区切ります
  • <!-- _class: layout-name --> はスライドのレイアウトを設定します
  • ::: left::: right::: center は列をマークします
  • <!-- _class: invert --> はスライドでダークモードを有効にします
  • {{variable}} はレンダリング時に置き換えられるテンプレート変数です
  • asset://filename.png はアップロードされた画像を参照します
  • チャートブロック: YAMLを使用した ```chart (type、labels/valuesまたはx/seriesを含むデータ)
  • 図表ブロック: Mermaid構文を使用した ```mermaid
  • AI画像: テキストプロンプトを使用した ```generated_image

利用可能なテーマ

テーマ 説明
agentpreso 温かみのあるアイボリーにネイビーとタンジェリン — シグネチャーテーマ
blueprint 技術的、正確、エンジニアリング重視
botanica 自然にインスパイアされた、オーガニック、温かみのあるグリーン
chalk 黒板スタイル、手書き風
ember 温かく、大胆で、火にインスパイアされたグラデーション
glacier クールなブルー、氷のような、クリーン、企業向け
ink ハイコントラストの白黒、エディトリアル
maison エレガント、ラグジュアリー、洗練されたセリフ
neon 鮮やか、未来的、明るいアクセントのあるダーク
terminal 等幅フォント、開発者向け、黒地に緑

利用可能なレイアウト

レイアウト 説明
title-hero 大きなタイトルとオプションのサブタイトルを持つオープニングスライド
chapter 章のタイトル付きのセクション区切り
full-bleed-title 全面背景画像上のタイトル
focus 中央に配置された単一のステートメントまたはキーナンバー
bullets 自動テキスト調整付きの箇条書きリスト
steps 番号付きのプロセスまたはワークフローのステップ
stats-grid 主要なメトリクスまたは統計のグリッド
two-col 2つの等しい列を並べて表示
two-col-wide-right 2つの列、右側の列が広い
three-col 3つの等しい列
img-right コンテンツは左、画像は右
img-left 画像は左、コンテンツは右
full-bleed テキストがオーバーレイされた全面画像
quote 引用元付きのブロック引用
summary 主要なポイントを含む最後のスライド

スライドデザインの原則

  • すべてのスライドにビジュアルが必要 — チャート、図表、画像、またはアイコンを使用します。テキストの壁は聴衆を失います。
  • レイアウトを変化させる — 箇条書き、2列、img-right、stats-gridを交互に使用します。繰り返しは退屈です。
  • 1つのスライドに1つのアイデア — 2つのポイントがある場合は、2つのスライドを作成します。密度は明瞭さを損ないます。
  • 完了する前にプレビューする — レンダリングして確認します。テキストの調整を確認し、画像の配置を確認し、チャートの読みやすさを検証します。

レビュー戦略

デッキを作成した後、すべてのスライドをプレビューして品質を確認します。2つのアプローチがあります。

並列(サブエージェントが利用可能な場合に推奨): スライドPNGを並行してレビューするために、読み取り専用のサブエージェントを生成します — スライドごと、または2〜3のスライドのバッチごとに1つ。各サブエージェントは、3秒テスト、タイトルの品質、テキスト密度、ビジュアルの存在、およびレイアウトの適合性をチェックし、結果をテキストとして報告します。親エージェントは結果を収集し、.mdファイルを1回編集し、変更されたスライドのみを再プレビューします。完全なプロトコルについては、commands/create-deck.mdを参照してください。

シーケンシャル(デフォルト): 各スライドのプレビューを自分で確認し、問題を修正し、再プッシュし、満足するまで再プレビューします。

参照ファイル

詳細なガイダンスについては、必要に応じて以下を参照してください。

ファイル 内容
references/cli-reference.md 完全なCLIコマンドリファレンス
references/mcp-tools.md MCPツールリファレンス
references/slide-layouts.md レイアウトの例と使用法
references/themes.md テーマの詳細とカスタマイズ
references/charts-diagrams.md チャートと図表の構文
references/custom-themes.md カスタムテーマの作成
references/markdown-format.md 完全なMarkdown構文
references/export-formats.md エクスポート形式の詳細
references/presentation-craft.md スライドデザインのベストプラクティス
references/brand-logos.md ロゴの配置とブランディング

テーマ、レイアウト、チャート、および図表を示す完全で有効なAgentPreso Markdownファイルについては、examples/ディレクトリを参照してください。

📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

AgentPreso — AI-Native Presentations

Create professional slide decks from markdown with charts, diagrams, AI-generated graphics, and 10 built-in themes.

Quick Start

# 1. Install the CLI
curl -fsSL https://agentpreso.com/install.sh | sh

# 2. Authenticate
agentpreso login

# 3. Create a deck (generates a markdown file from the theme scaffold)
agentpreso create my-deck --theme glacier

# 4. Push to cloud
agentpreso push my-deck.md

# 5. Render to PDF
agentpreso render my-deck.md --format pdf

When to Use

Activate this skill when the user wants to:

  • Create slides, presentations, decks, or pitch decks
  • Add charts or diagrams to slides
  • Export slides to PDF or PPTX
  • Work with Marp markdown
  • Mentions AgentPreso by name
  • Needs a visual summary, report, or briefing in slide format

Markdown Format

Decks are single .md files. Frontmatter sets metadata and theme:

---
marp: true
theme: glacier
title: My Presentation
---

<!-- _class: title-hero -->

# Presentation Title

Subtitle or tagline

---

<!-- _class: bullets -->

# Key Points

- First insight with supporting detail
- Second insight with data
- Third insight with takeaway

---

<!-- _class: two-col -->

# Comparison

::: left

**Option A**
Description of the first option.

::: right

**Option B**
Description of the second option.

Key syntax:

  • --- separates slides
  • <!-- _class: layout-name --> sets a slide layout
  • ::: left, ::: right, ::: center mark columns
  • <!-- _class: invert --> enables dark mode on a slide
  • {{variable}} template variables replaced at render time
  • asset://filename.png references uploaded images
  • Chart blocks: ```chart with YAML (type, data with labels/values or x/series)
  • Diagram blocks: ```mermaid with Mermaid syntax
  • AI images: ```generated_image with a text prompt

Available Themes

Theme Description
agentpreso Navy & tangerine on warm ivory — the signature theme
blueprint Technical, precise, engineering-focused
botanica Nature-inspired, organic, warm greens
chalk Blackboard-style, handwritten feel
ember Warm, bold, fire-inspired gradients
glacier Cool blues, icy, clean, corporate
ink High-contrast black & white, editorial
maison Elegant, luxury, sophisticated serif
neon Vibrant, futuristic, dark with bright accents
terminal Monospace, developer-focused, green on black

Available Layouts

Layout Description
title-hero Opening slide with large title and optional subtitle
chapter Section divider with chapter title
full-bleed-title Title over a full-bleed background image
focus Single statement or key number, centered
bullets Bullet list with automatic text fitting
steps Numbered process or workflow steps
stats-grid Grid of key metrics or statistics
two-col Two equal columns side by side
two-col-wide-right Two columns, right column wider
three-col Three equal columns
img-right Content left, image right
img-left Image left, content right
full-bleed Full-bleed image with overlaid text
quote Blockquote with attribution
summary Closing slide with key takeaways

Slide Design Principles

  • Every slide needs a visual — use charts, diagrams, images, or icons. Walls of text lose the audience.
  • Vary your layouts — alternate between bullets, two-col, img-right, stats-grid. Repetition is boring.
  • One idea per slide — if you have two points, make two slides. Density kills clarity.
  • Preview before you are done — render and review. Adjust text fitting, check image placement, verify chart readability.

Review Strategy

After creating a deck, preview every slide and review for quality. Two approaches:

Parallel (recommended when subagents are available): Spawn read-only subagents to review slide PNGs in parallel — one per slide or batch of 2-3. Each subagent checks the 3-second test, title quality, text density, visual presence, and layout fit, then reports findings as text. The parent agent collects findings, edits the .md file once, and re-previews only changed slides. See commands/create-deck.md for the full protocol.

Sequential (default): Review each slide preview yourself, fix issues, re-push, re-preview until satisfied.

Reference Files

Read these on demand for detailed guidance:

File Contents
references/cli-reference.md Full CLI command reference
references/mcp-tools.md MCP tool reference
references/slide-layouts.md Layout examples and usage
references/themes.md Theme details and customization
references/charts-diagrams.md Chart and diagram syntax
references/custom-themes.md Creating custom themes
references/markdown-format.md Complete markdown syntax
references/export-formats.md Export format details
references/presentation-craft.md Slide design best practices
references/brand-logos.md Logo placement and branding

Examples

See the examples/ directory for complete, valid AgentPreso markdown files demonstrating themes, layouts, charts, and diagrams.