Engineer Post||5 min

10 Practical Claude Prompts for Slide Creation: From Outline to HTML Output

10 Practical Claude Prompts for Slide Creation: From Outline to HTML Output

こんにちは!株式会社雲海設計の技術部です。

「Claudeでスライドを作らせたら箇条書きの羅列が返ってきた」「HTML出力は出るがレイアウトが崩れる」「図解を指示しても文章で返してくる」——2025年後半からClaude 3.5/4系の普及でスライド自動生成のニーズが一気に増え、2026年に入ってからclaude スライド作成 プロンプトに関する相談が、社内外問わず毎週のように入ってきます。本記事では、claude スライド作成 プロンプトを業務に耐える品質で回すための実践テンプレート10選を、構成立案・HTML/Markdown出力・図解指示・レビュー観点まで、コピペで使える形で整理します。

  • TL;DR

  • Claudeでスライドを作る鉄則は「役割定義 → 構成設計 → スライド単位の出力 → 図解指示 → レビュー」の5段プロンプト分割

  • 1プロンプトで全スライドを一気に作らせると後半の品質が崩れる。スライド単位で逐次生成するのが2026年の安定運用

  • HTML出力はReveal.js / Marp / 独自テンプレートのいずれかに固定し、CSS変数だけ後から調整する設計が最速

  • 図解はテキスト指示ではなくMermaid記法を強制することで再現性が一気に上がる

  • レビュー専用プロンプト(批評者役)を別セッションで走らせると論理破綻と冗長表現を9割検出できる

プロンプト入力から構造化スライドレイアウトへ自動変換されるAIアシスタントの概念図
プロンプト入力から構造化スライドレイアウトへ自動変換されるAIアシスタントの概念図

なぜClaudeはスライド作成に向いているのか?

結論から言うと、Claudeは長文コンテキストの構造把握とHTML/Markdown出力の安定性が他LLMより一段高いからです。Anthropicが2025年に公開したベンチマークでは、Claude 3.5 Sonnet以降のモデルが200Kトークン超のドキュメントから章構成を再構築するタスクで、競合比でハルシネーション率が約30%低いという結果が出ています。スライドは「論理の骨格 + 視覚要素」の組み合わせであり、骨格を崩さず出力できるモデルが圧倒的に有利です。

Forbesが2026年初頭に出した生成AI業務利用調査でも、提案資料・社内研修資料の自動生成用途でClaudeを第一選択にする企業が前年比で2.4倍に増えています。

ChatGPT/Geminiとの使い分け

用途推奨モデル理由
構成立案・骨子作成Claude (Opus/Sonnet)長文の論理整合性が高い
HTML/Markdown整形Claude (Sonnet)タグ崩れが少ない
図解の画像化GPT-4o + DALL-E画像生成と一体化
表データの分析Gemini 2.0表計算系が強い

本記事では骨子と整形をClaudeに寄せ、画像化が必要なら別モデルに渡す分業前提でテンプレートを設計しています。


Claudeでスライドを作る5段フレームとは?

結論として、業務品質のスライドを安定して出すには1プロンプトで全部やらせないことが鉄則です。以下の5段に分けると、再現性が一気に上がります。

  1. 役割定義: 誰向けに何分のプレゼンか、トーンを固定

  2. 構成設計: 全体スライド数・タイトル・各スライドの主張を箇条書きで先に確定

  3. スライド単位の本文生成: 1スライドずつ出力させる

  4. 図解指示: Mermaid/表/グラフを指定形式で出力

  5. レビュー: 批評者役の別プロンプトで自己採点

graph LR
  A[役割定義] --> B[構成設計]
  B --> C[スライド単位生成]
  C --> D[図解指示]
  D --> E[レビュー]
  E -->|改善点| C

業務で使えるClaudeスライド作成プロンプト10選

ここからが本題です。実際に雲海設計の社内提案資料・顧客向けDX研修・技術勉強会で使っているテンプレートを、用途別に10本紹介します。

① 構成立案プロンプト(最初に必ず叩く)

あなたはB2B向けプレゼン構成の専門家です。
以下の条件でスライド構成案を作ってください。

# 条件
- テーマ: {テーマ}
- 対象者: {役職・業界}
- 持ち時間: {分}
- ゴール: {聴衆に取らせたい行動}

# 出力形式
| No | スライドタイトル | 主張(1文) | 推奨ビジュアル |
表形式のみで、本文は書かないでください。

ポイント: 表形式に縛ることで、後段のスライド単位生成への引き渡しが楽になります。

② スライド本文生成プロンプト(HTML/Reveal.js版)

以下の構成案のスライドNo.{N}だけ、Reveal.js形式のHTMLで出力してください。

# 制約
- <section>タグ1個で完結
- 見出しはh2、本文は箇条書き3〜5項目
- 1項目あたり40文字以内
- 専門用語には<strong>を付ける
- コードブロックや表が必要なら入れてよい

# 構成案
{表をペースト}

③ Markdown(Marp)版プロンプト

Marp記法で出力してください。
- 各スライドは---で区切る
- ヘッダーにmarp: trueとtheme: defaultを含める
- 画像は![alt](path)で記述、altは英語

④ 図解(Mermaid)強制プロンプト

スライドNo.{N}の概念を、必ずMermaid記法で出力してください。
説明文は禁止、コードブロックのみ返してください。
図のタイプは以下から選択: graph LR / sequenceDiagram / flowchart TD

テキストで説明させると劣化するので、Mermaid強制は鉄板です。

⑤ 比較表生成プロンプト

{比較対象}を以下の評価軸で比較表にしてください。
- 評価軸: {軸1, 軸2, 軸3}
- ◎○△×の4段階で評価
- 最後に「推奨用途」列を追加
HTML <table>形式で出力。

⑥ 数値ハイライトスライドプロンプト

1スライドに1つの大きな数字を主役にしたスライドをHTMLで作ってください。
- メイン数値: {数値}
- 補足: {補足文1行}
- 出典: {出典}
font-size: 8remの<div>でメイン数値を囲んでください。

⑦ ストーリーテリング型イントロプロンプト

冒頭スライド3枚を「Before/Problem/After」の順で作ってください。
各スライドに具体的な現場エピソードを1つ含めること。
抽象論は禁止、固有名詞や数値を使うこと。

⑧ Q&Aスライド自動生成プロンプト

この発表内容に対し、聴衆({役職})から想定される質問を5つ挙げ、
それぞれに30秒で答える回答案をスライド形式で出してください。
質問は鋭いものを優先し、お決まりの質問は除外。

⑨ レビュー(批評者)プロンプト

あなたは厳しい上司です。以下のスライド草案をレビューしてください。

# 観点
1. 論理の飛躍がないか
2. 1スライド1メッセージの原則を守れているか
3. 数値の出典が明示されているか
4. 冗長な表現はないか

各スライドに点数(10点満点)と改善コメントを付けてください。

批評者役は別セッションで動かすのが重要です。同じセッションだと自己肯定バイアスがかかります。詳しい設計思想はClaude Codeで実装する評価ループ構築ガイドでも解説しています。

⑩ 仕上げ・トーン統一プロンプト

全スライドのトーンを「{トーン: 例)落ち着いた経営層向け}」に統一してください。
- 文末を「です・ます」または「である」のどちらかに揃える
- カタカナ語は初出時に英語併記
- 同じ単語の繰り返しを別表現に置換

実運用で詰まるポイントと回避策は?

結論として、Claudeでスライド作成を本格運用すると「長文崩壊」「画像欠落」「ブランド逸脱」の3つで必ず詰まります。雲海設計の社内運用で蓄積した回避策を共有します。

長文崩壊への対処

20枚を超えるスライドを1プロンプトで作らせると、後半が箇条書きの羅列に劣化します。5枚単位でチャンク分割し、各チャンクの冒頭で「直前のスライドNo.Xまでの主張を踏まえる」と明示することで、論理の連続性を保てます。

画像欠落への対処

Claudeは画像を生成できないため、<img src="placeholder-{N}.png">のようなplaceholderを必ず挿入させ、後工程でImagenやDALL-Eに差し替える運用にします。プロンプトテンプレートにplaceholder命名規則を含めるのがコツです。

ブランド逸脱への対処

問題対処
カラーが指定外CSS変数を先頭で定義、Claudeには色名を使わせない
フォントが崩れるfont-familyをsystem-uiに固定、後で差し替え
ロゴ位置が動くテンプレートHTMLを先に渡し、本文だけ差し込ませる

スライド以外への応用は?

結論として、本記事の5段フレームは議事録・提案書・社内研修コンテンツにもそのまま適用できます。プロンプトの「スライド」を「章」「議題」に置換するだけです。議事録AIへの応用は議事録AIプロンプト設計完全ガイドに詳しくまとめています。

また、プロンプトエンジニアリング自体の位置づけが2026年に変わってきている点はプロンプトエンジニアリングは古い?でも検証しているので、合わせてご覧ください。


よくある質問

Q. Claudeの無料版でもスライド作成は可能ですか?

A. 可能ですが、5段フレームのうち「スライド単位生成」を全枚数分繰り返すと、無料版のメッセージ上限に達しがちです。業務用途ならProプラン以上、またはBedrock経由のAPI利用を推奨します。

Q. PowerPointファイル(.pptx)を直接出力できますか?

A. Claude単体ではバイナリ出力できないため、HTML/MarkdownをPandocやMarpでpptxに変換するパイプラインが定石です。HTMLからの変換が最も崩れにくいです。

Q. 機密情報を含む資料を作らせて大丈夫ですか?

A. パブリックなClaude.aiでは推奨しません。社内利用ならBedrock経由でAWSアカウント内に閉じる構成を取り、ログ管理とIAM分離を徹底してください。

Q. プロンプトを社内で共有する良い方法は?

A. プロンプトを「カスタムコマンド」や「Projects」機能でテンプレート化し、Gitで版管理するのが2026年の主流です。フリーテキストの口伝は属人化の温床になります。

Q. 1スライドあたりの所要時間はどのくらい短縮できますか?

A. 雲海設計の実測では、構成立案から仕上げまでで従来比1/3〜1/4です。20枚の提案資料が3〜4時間から1時間程度に短縮できています。


おわりに

Claudeでのスライド作成は、プロンプトを「1発の魔法」と捉えるか「5段の工程」と捉えるかで成果物の質が大きく変わります。本記事のテンプレートは、雲海設計が実際の提案・研修・社内資料で繰り返し磨いてきたものです。コピペでまずは1本走らせてみてください。

「自社の提案資料作成プロセスをClaudeで標準化したい」「プロンプトテンプレートを業務フローに組み込みたい」といったご相談は、DXソリューションITコンサルティングでお手伝いしています。お気軽にお問い合わせください。

Claude Slide Creation Prompts: 10 Business Templates 2026 | UNKAI SEKKEI Inc.