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

ai-slides

AIが、プレゼンテーションの構成案作成から洗練されたスライドの作成までを支援し、提案資料や講演資料など、スライド形式のコンテンツを効率的に作成するSkill。

📜 元の英語説明(参考)

Generate complete presentations with AI — from outline to polished slides. Use when a user asks to create a presentation, build slides, make a pitch deck, generate a slide deck, create a keynote, prepare a talk, build a demo presentation, or produce any slide-based content.

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

一言でいうと

AIが、プレゼンテーションの構成案作成から洗練されたスライドの作成までを支援し、提案資料や講演資料など、スライド形式のコンテンツを効率的に作成するSkill。

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

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

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

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

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

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して ai-slides.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → ai-slides フォルダができる
  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 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

AI Slides

概要

トピックの説明、アウトライン、または生のコンテンツから、完全で構造化されたプレゼンテーションを生成します。ピッチ資料、チームのアップデート、会議での講演、製品デモ、教育用プレゼンテーションに対応します。タイトル、本文、発表者ノート、および視覚的な明瞭さと聴衆のエンゲージメントのために最適化されたレイアウトの提案を含むスライドコンテンツを作成します。

指示

ユーザーからプレゼンテーションの作成を依頼された場合は、次の手順に従ってください。

ステップ 1: プレゼンテーションのパラメータを定義する

パラメータ オプション
タイプ Pitch deck, team update, conference talk, product demo, training, proposal
対象者 Investors, executives, engineers, customers, general public
時間 5 min (~8 slides), 15 min (~15 slides), 30 min (~25 slides)
フォーマット Minimal (text-light), data-heavy (charts/tables), visual (image-driven)
ツール PowerPoint, Google Slides, Keynote, Reveal.js, HTML

ステップ 2: ナラティブ構造を作成する

すべてのプレゼンテーションには、ストーリーアークが必要です。

1. HOOK        — 驚くべき事実、質問、または大胆な声明で始める
2. PROBLEM     — 何が壊れているのか?なぜ聴衆は気にする必要があるのか?
3. SOLUTION    — 問題に対するあなたの答え
4. EVIDENCE    — それが機能することを証明するデータ、デモ、ケーススタディ
5. VISION      — これが次にどこへ行くのか / より大きな全体像
6. ASK/CTA     — 聴衆に何をしてもらいたいのか

Pitch deck の構造 (10-12 スライド):

1.  Title slide (会社名、タグライン、ロゴ)
2.  Problem (あなたが解決する苦痛)
3.  Solution (あなたの製品/アプローチ)
4.  How it works (3 ステップの説明またはデモ)
5.  Market size (TAM/SAM/SOM)
6.  Traction (ユーザー、収益、成長指標)
7.  Business model (どのように収益を上げるか)
8.  Competition (ポジショニングマトリックス)
9.  Team (創業者と主要な採用)
10. Financials (予測、主要指標)
11. The ask (資金調達額、資金の用途)
12. Contact (メール、ウェブサイト、次のステップ)

Team update の構造 (8-10 スライド):

1. Title + date
2. TL;DR / Executive summary
3. Key metrics dashboard
4. Completed this period
5. In progress
6. Blockers and risks
7. Next period plan
8. Discussion / Q&A

ステップ 3: 各スライドを作成する

すべてのスライドについて、以下を提供します。

## Slide [N]: [Title]

**Layout:** [Title + bullets / Title + image / Full-bleed image / Data chart / Quote]

**Content:**
- [Headline or key message]
- [Supporting point 1]
- [Supporting point 2]
- [Supporting point 3]

**Speaker Notes:**
[このスライドが表示されている間に何を言うか。2-4 文。]

**Visual Suggestion:**
[このスライドを強化する画像、チャート、またはグラフィック]

ステップ 4: スライドデザインの原則を適用する

テキストのルール:

  • スライドあたり最大 6 行のテキスト
  • 箇条書きあたり最大 6 語
  • スライドごとに 1 つのアイデア — より多くのテキストが必要な場合は、別のスライドを追加します
  • タイトルはトピックだけでなく、要点を伝える必要があります ("Revenue grew 3x" ではなく "Revenue Update")

ビジュアルのルール:

  • スライド領域全体を使用します。コンテンツを小さなボックスに詰め込まないでください。
  • テキストを左揃えにします。中央揃えのテキストはスキャンしにくいです。
  • 背景に対して高コントラストのテキストを使用します (暗い背景に白、明るい背景に暗い色)。
  • スライドごとに 1 つのヒーロー画像またはチャート。競合するビジュアルを 2 つ使用しないでください。
  • すべてのスライドで一貫したマージン/パディング

データの可視化:

  • 比較には棒グラフ
  • 経時的な傾向には折れ線グラフ
  • 円グラフはほとんど使用しない (代わりに棒グラフを使用)
  • 単一の主要指標には大きな数字 ("3x growth" を大きく中央に配置)
  • 3 つ以上の項目を 3 つ以上の属性で比較する場合のみテーブルを使用

ステップ 5: トランジションとフローを追加する

  • 各スライドは自然に次のスライドにつながる必要があります
  • 発表者ノートでトランジションフレーズを使用する ("Building on that...", "So what does this mean?")
  • 関連するスライドをセクション区切りスライドでセクションにグループ化する
  • 強力な終わり — 最後のスライドは記憶に残るものでなければならず、メールアドレス付きの "Thank you" ではありません

例 1: スタートアップの pitch deck

ユーザーリクエスト: "開発者の生産性向上ツールの pitch deck を作成する"

出力 (省略):

## Slide 1: Title
**Layout:** Centered, minimal
**Content:**
# DevFlow
### Ship 2x faster with AI-powered workflows
**Visual:** Logo + subtle gradient background

---

## Slide 2: The Problem
**Layout:** Title + 3 pain points
**Content:**
# Developers lose 15 hours/week to tooling friction
- Context switching between 8+ tools per task
- Manual setup for every new project
- Tribal knowledge trapped in wikis nobody reads

**Speaker Notes:**
We surveyed 500 developers. The number one complaint was not the code
itself — it was everything around the code. Setup, config, searching
for how to do things.

---

## Slide 3: The Solution
**Layout:** Title + product screenshot
**Content:**
# One command. Zero friction.
DevFlow connects your tools into automated workflows that handle
the boring stuff so you can focus on code.

**Speaker Notes:**
Demo the 3-command setup flow. Show how a new developer goes from
clone to productive in under 5 minutes.

**Visual:** Product screenshot or short GIF of the CLI in action

例 2: 会議での講演スライド

ユーザーリクエスト: "API デザインのベストプラクティスに関する 15 分間の講演のスライドを作成する"

出力構造:

## Slide 1: Title
# APIs Are User Interfaces Too
[Speaker name] — [Conference name] 2025

## Slide 2: Hook
# Your API has more users than your website
"87% of developers evaluate a product by its API first"

## Slide 3-5: Problem slides
[Common API design mistakes with code examples]

## Slide 6-10: Principles
[One principle per slide with before/after code]

## Slide 11-13: Real examples
[Case studies from well-known APIs]

## Slide 14: Summary
[The 5 rules on one slide as a reference]

## Slide 15: Close
[Memorable closing statement + where to learn more]

例 3: チームの四半期レビュー

ユーザーリクエスト: "Q4 エンジニアリングレビューのスライドを作成する"

出力構造:


## Slide 1: Title
# Q4 Engineering Review
Platform Team — January 2025

## Slide 2: Quarter at a Glance
[4 big metrics: shipped features, uptime, veloci

(原文がここで切り詰められています)
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

AI Slides

Overview

Generate complete, well-structured presentations from topic descriptions, outlines, or raw content. Handles pitch decks, team updates, conference talks, product demos, and educational presentations. Produces slide content with titles, body text, speaker notes, and layout suggestions optimized for visual clarity and audience engagement.

Instructions

When a user asks you to create a presentation, follow these steps:

Step 1: Define the presentation parameters

Parameter Options
Type Pitch deck, team update, conference talk, product demo, training, proposal
Audience Investors, executives, engineers, customers, general public
Duration 5 min (~8 slides), 15 min (~15 slides), 30 min (~25 slides)
Format Minimal (text-light), data-heavy (charts/tables), visual (image-driven)
Tool PowerPoint, Google Slides, Keynote, Reveal.js, HTML

Step 2: Create the narrative structure

Every presentation needs a story arc:

1. HOOK        — Open with a surprising fact, question, or bold statement
2. PROBLEM     — What is broken? Why should the audience care?
3. SOLUTION    — Your answer to the problem
4. EVIDENCE    — Data, demos, case studies that prove it works
5. VISION      — Where this goes next / the bigger picture
6. ASK/CTA     — What you want the audience to do

Pitch deck structure (10-12 slides):

1.  Title slide (company name, tagline, logo)
2.  Problem (the pain point you solve)
3.  Solution (your product/approach)
4.  How it works (3-step explanation or demo)
5.  Market size (TAM/SAM/SOM)
6.  Traction (users, revenue, growth metrics)
7.  Business model (how you make money)
8.  Competition (positioning matrix)
9.  Team (founders and key hires)
10. Financials (projections, key metrics)
11. The ask (funding amount, use of funds)
12. Contact (email, website, next steps)

Team update structure (8-10 slides):

1. Title + date
2. TL;DR / Executive summary
3. Key metrics dashboard
4. Completed this period
5. In progress
6. Blockers and risks
7. Next period plan
8. Discussion / Q&A

Step 3: Write each slide

For every slide, provide:

## Slide [N]: [Title]

**Layout:** [Title + bullets / Title + image / Full-bleed image / Data chart / Quote]

**Content:**
- [Headline or key message]
- [Supporting point 1]
- [Supporting point 2]
- [Supporting point 3]

**Speaker Notes:**
[What to say while this slide is showing. 2-4 sentences.]

**Visual Suggestion:**
[What image, chart, or graphic would strengthen this slide]

Step 4: Apply slide design principles

Text rules:

  • Maximum 6 lines of text per slide
  • Maximum 6 words per bullet point
  • One idea per slide — if you need more text, add another slide
  • Title should communicate the takeaway, not just the topic ("Revenue grew 3x" not "Revenue Update")

Visual rules:

  • Use the full slide area. Do not cram content into a small box.
  • Left-align text. Centered text is harder to scan.
  • Use high-contrast text on backgrounds (white on dark, dark on light)
  • One hero image or chart per slide. Never two competing visuals.
  • Consistent margin/padding on every slide

Data visualization:

  • Bar charts for comparisons
  • Line charts for trends over time
  • Pie charts almost never (use bar charts instead)
  • Big numbers for single key metrics ("3x growth" large and centered)
  • Tables only when comparing 3+ items across 3+ attributes

Step 5: Add transitions and flow

  • Each slide should lead naturally to the next
  • Use transition phrases in speaker notes ("Building on that...", "So what does this mean?")
  • Group related slides into sections with a section divider slide
  • End strong — the last slide should be memorable, not "Thank you" with an email address

Examples

Example 1: Startup pitch deck

User request: "Create a pitch deck for a developer productivity tool"

Output (abbreviated):

## Slide 1: Title
**Layout:** Centered, minimal
**Content:**
# DevFlow
### Ship 2x faster with AI-powered workflows
**Visual:** Logo + subtle gradient background

---

## Slide 2: The Problem
**Layout:** Title + 3 pain points
**Content:**
# Developers lose 15 hours/week to tooling friction
- Context switching between 8+ tools per task
- Manual setup for every new project
- Tribal knowledge trapped in wikis nobody reads

**Speaker Notes:**
We surveyed 500 developers. The number one complaint was not the code
itself — it was everything around the code. Setup, config, searching
for how to do things.

---

## Slide 3: The Solution
**Layout:** Title + product screenshot
**Content:**
# One command. Zero friction.
DevFlow connects your tools into automated workflows that handle
the boring stuff so you can focus on code.

**Speaker Notes:**
Demo the 3-command setup flow. Show how a new developer goes from
clone to productive in under 5 minutes.

**Visual:** Product screenshot or short GIF of the CLI in action

Example 2: Conference talk slides

User request: "Create slides for a 15-minute talk on API design best practices"

Output structure:

## Slide 1: Title
# APIs Are User Interfaces Too
[Speaker name] — [Conference name] 2025

## Slide 2: Hook
# Your API has more users than your website
"87% of developers evaluate a product by its API first"

## Slide 3-5: Problem slides
[Common API design mistakes with code examples]

## Slide 6-10: Principles
[One principle per slide with before/after code]

## Slide 11-13: Real examples
[Case studies from well-known APIs]

## Slide 14: Summary
[The 5 rules on one slide as a reference]

## Slide 15: Close
[Memorable closing statement + where to learn more]

Example 3: Team quarterly review

User request: "Build slides for our Q4 engineering review"

Output structure:

## Slide 1: Title
# Q4 Engineering Review
Platform Team — January 2025

## Slide 2: Quarter at a Glance
[4 big metrics: shipped features, uptime, velocity, team size]

## Slide 3: Key Wins
[3 major accomplishments with impact numbers]

## Slide 4-6: Project Deep Dives
[One slide per major project: what, why, result]

## Slide 7: Metrics Dashboard
[Chart showing key trends across the quarter]

## Slide 8: Challenges
[Honest look at what did not go well and lessons learned]

## Slide 9: Q1 Roadmap
[Top 3-5 priorities for next quarter]

## Slide 10: Discussion
[Open questions and topics for group input]

Guidelines

  • Slides are a visual aid, not a document. If someone can read the slides and skip the talk, the slides have too much text.
  • Design for the back row. Text should be readable from 20 feet away. Minimum 24pt for body text, 36pt for titles.
  • The title of every slide should be the key takeaway, not a topic label. "We grew 3x this year" is a title. "Growth" is a label.
  • Use progressive reveal when presenting complex ideas. Build up one point at a time rather than showing everything at once.
  • Speaker notes are essential. Write them as natural speech, not bullet points.
  • End with energy. The last thing the audience hears is what they remember. Make it count.
  • Rehearse the timing. A common mistake is having too many slides for the time slot.
  • Keep a consistent visual style. Same fonts, colors, and layouts throughout. Inconsistency looks unprofessional.
  • When in doubt, cut a slide. Fewer, stronger slides always beat more, weaker ones.