Claude Code と AI エージェントで Felo Slides を使う方法

June 25, 2026 · 約17分

Committed to answers at your fingertips

Felo Slides を Claude Code、OpenClaw、felo‑slides npm パッケージと組み合わせ、ターミナルから AI 駆動のスライドを作成する方法。プログラムによるスライド生成のための開発者向けガイド。

$ npx felo-slides "Explain Kubernetes pod scheduling in 8 slides"
✓ テーマを分析中...
✓ アウトラインを生成中（8枚スライド）...
✓ スライド内容を作成中...
✓ プレゼンテーションをビルド中...
✔ 完了 → kubernetes-pod-scheduling.felo

これで終了です。ブラウザもドラッグ＆ドロップもテンプレート選択も不要。コマンドを1行打つだけで、8枚のスライドが生成されます。

40分の会議をスライド1冊にまとめられるなら…という経験をしたことがあるなら、なぜ私たちが Felo Slides を作ったのかもうお分かりでしょう。ただしこの記事のテーマは Web アプリではありません。開発者に API を渡して「全部自動化して」と言ったときに何が起きるか、という話です。

ここでは、Claude Code、OpenClaw エージェント、そして自作スクリプトを使って、ターミナルから離れずに AI スライドを生成する方法を紹介します。

[IMG: ターミナルで felo-slides CLI が単一プロンプトからプレゼンを生成し、出力ファイルをハイライトしているスクリーンショット]

開発者向け Felo Slides とは？

Felo Slides は AI プレゼンテーションエンジンです。多くの人は slides.felo.ai の Web アプリとして知っていますが、実際には以下のような形でも動作します。

felo-slides npm パッケージ — CLI とライブラリを備え、プログラムでスライドを生成
Claude Code Skill — Claude Code 内でプレゼンを直接作成できるネイティブスキル
OpenClaw Skill — 同様の機能を OpenClaw エージェントに統合
REST API — スライド生成、トピック分析、テンプレート描画用の HTTP エンドポイントを提供

Web アプリは洗練されたフロントエンドにすぎません。開発者ツールこそがエンジンです。CLI でローカル生成、API でサーバー自動化、Claude Code スキルで対話的生成といった具合に自由に組み合わせられます。

用途別の使い分け:

ユースケース	ツール
ターミナルで素早くスライド生成	`felo-slides` CLI
エディタ内で対話的に生成	Claude Code Skill
エージェント主導のワークフロー	OpenClaw Skill
バックエンド / CI / バッチ処理	Felo Slides API

インストールとセットアップ

前提条件

Node.js 18 以上（20 以上を推奨）
API アクセスが有効な Felo アカウント（無料枠で可）
slides.felo.ai/settings/api から取得した API キー

npm パッケージのインストール

npm install -g felo-slides

またはインストールせずに直接実行できます：

npx felo-slides "Your presentation topic here"

認証設定

API キーを環境変数に設定します。

export FELO_SLIDES_API_KEY=fsk_your_api_key_here

またはプロジェクトルートに .felo-slides.json を作成します。

{
  "apiKey": "fsk_your_api_key_here",
  "defaultOutput": "./presentations",
  "template": "developer-dark"
}

動作確認

$ felo-slides --version
felo-slides 2.4.0

$ felo-slides --check
✓ API キー有効
✓ レート制限: 残り 47/50 リクエスト
✓ テンプレート読み込み数: 12

[IMG: ターミナル出力の比較画像：正常なセットアップと一般的な認証エラー]

Claude Code と併用する

ここからが本題です。Claude Code Skill を使えば、Claude のエディタがスライド工場に変わります。プロンプトをコピペする代わりに、Claude が直接スライドを生成・編集・出力します。

Claude Code Skill のインストール

# Claude Code プロジェクトディレクトリ内で
claude skill add felo-slides

これで Felo Slides スキルが Claude Code に登録されます。Claude はプレゼンを作れることを認識し、felo-slides API 全体を利用可能になります。

基本的な使い方

インストール後は自然に依頼するだけです。

> 当社 Q3 エンジニアリングロードマップについて 10 枚のスライドを作って。
  プラットフォーム移行、採用計画、
  インフラ予算についても含めて。

Claude は次のように実行します。

アウトラインを作り、構成を確認
Felo Slides API でスライド内容を生成
.felo ファイルをプロジェクトに保存
特定スライドの再編集を提案

コンテキスト切り替えなし。コピペも不要。スライドはコードと同じリポジトリに共存します。

上級: カスタムテンプレートの利用

プロジェクト専用のテンプレートを定義し、Claude が自動的に使用できます。

mkdir -p .felo/templates

.felo/templates/engineering.json を作成します：

{
  "name": "Engineering Update",
  "theme": "dark",
  "accent": "#6366f1",
  "fonts": {
    "heading": "JetBrains Mono",
    "body": "Inter"
  },
  "layout": {
    "titleSlide": "code-hero",
    "contentSlide": "split-left",
    "closingSlide": "cta-minimal"
  }
}

次に Claude Code で依頼します。

> 認証サービス移行についてのデッキを作って。
  エンジニアリングテンプレートを使って。

Claude はテンプレートを自動検知し、すべてのスライドに適用します。

[IMG: Claude Code エディタでユーザーがスライドを依頼し、Claude がアウトラインを生成して .felo ファイルがファイルツリーに表示されている画像]

対話的なスライド編集

Claude Code 統合の真の強みは反復的編集にあります。

> スライド3が情報過多。2枚に分割して。
  アーキテクチャ図を4枚目に移動。

> スライド5〜7に話者ノートを追加。各50語以内で。

> アクセントカラーをブランドグリーン(#10b981)
  に変更し、タイトルスライドにロゴを追加。

各編集は内部的に API 呼び出しですが、HTTP リクエストは目に見えません。Claude が裏で処理します。

OpenClaw と併用する

OpenClaw はエージェントアプローチをさらに推進します。Felo Slides OpenClaw Skill は、AI エージェントがより大きなワークフロー内でスライド生成を自動実行できるようにします。

セットアップ

openclaw skill install felo-slides

OpenClaw ワークスペースで設定します。

# openclaw.yaml
skills:
  felo-slides:
    apiKey: "${FELO_SLIDES_API_KEY}"
    defaultTemplate: "professional"
    outputDir: "./output/slides"

エージェント主導のスライド生成

OpenClaw では、エージェントワークフローからスライド生成を発火できます。

User: Acme との契約が成立。エンジニアチーム向け
      キックオフデッキを用意して。
      Notion のプロジェクト概要と Linear の
      タイムラインを使って。

Agent: [Notion 概要を読み込み]
       [Linear タイムラインを取得]
       [felo-slides経由で12枚スライドを生成]
       [output/slides/acme-kickoff.felo に保存]
       "完了。範囲・タイムライン・担当・マイルストーン
        を含む12枚デッキを作成しました。
        #eng-general に送信しますか？"

エージェントは2つの外部ツールから情報を収集し、プレゼン構造を組み立て、1度のターンでスライドを生成します。

[IMG: OpenClaw エージェントのワークフロー図：ユーザー依頼 → コンテキスト収集（Notion, Linear）→ felo-slides API → 出力ファイル → 配信]

コマンドライン例

ここでは CLI を例に開発者がよく行う操作を紹介します。

トピックから生成

felo-slides "Microservices vs monoliths: a pragmatic guide" --slides 12

Markdown ファイルから生成

felo-slides --from ./meeting-notes.md --template "standup"

CLI は markdown の見出しや箇条書きを解析し、自動的にスライドにマッピングします。

URL から生成

felo-slides --from-url https://github.com/org/repo/blob/main/README.md

ドキュメントやブログ記事、RFC をプレゼンに変えるのに便利です。

バッチ生成

# 複数トピックのスライドを一括生成
felo-slides batch --file topics.txt --output ./deck-batch/

topics.txt には1行ごとにトピックを書きます。

Q4 OKR Review
New Hire Onboarding: Backend
Incident Postmortem: 2026-05-12 Outage
Architecture Decision Record: Event Sourcing

エクスポート形式

# PDFにエクスポート
felo-slides export ./output.felo --format pdf

# PPTXにエクスポート
felo-slides export ./output.felo --format pptx

# 各スライドをPNG画像に
felo-slides export ./output.felo --format png --dpi 300

CI/CD への統合

# .github/workflows/weekly-deck.yml
name: Generate Weekly Update Deck
on:
  schedule:
    - cron: '0 9 * * 1'  # 毎週月曜9時

jobs:
  generate:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: 20
      - run: npx felo-slides "Weekly engineering update for ${{ github.run_id }}" --template weekly --output ./decks/
      - uses: actions/upload-artifact@v4
        with:
          name: weekly-deck
          path: ./decks/

[IMG: GitHub Actions の実行ログ。felo-slides ステップが正常終了し、Artifacts に生成デッキ表示]

自動化ワークフロー例

Felo Slides が大幅な時間短縮をもたらす実例を三つ紹介します。

1. 会議準備ボット

定例会議の前にスターターデッキを自動生成する Slack ボット。

import { FeloSlides } from 'felo-slides';
import { getMeetingContext } from './calendar-integration';

const slides = new FeloSlides({ apiKey: process.env.FELO_SLIDES_API_KEY });

export async function prepareMeetingDeck(meetingId: string) {
  const context = await getMeetingContext(meetingId);

  const deck = await slides.generate({
    topic: context.title,
    slides: 8,
    context: [
      `参加者: ${context.attendees.join(', ')}`,
      `前回アクション項目: ${context.lastActions.join('; ')}`,
      `アジェンダ: ${context.agenda.join(', ')}`,
    ],
    template: 'standup',
  });

  await slides.export(deck.id, { format: 'pdf' });
  await postToSlack(context.channel, {
    text: `📊 ${context.title} のスターターデッキ`,
    files: [{ file: deck.exportPath, filename: `${context.title}.pdf` }],
  });
}

2. ドキュメント → プレゼン変換パイプライン

新しい RFC や設計ドキュメントを自動的にスライドドラフトへ変換：

#!/bin/bash
# hooks/post-commit-slides.sh

# /docs/rfcs 内の新規 .md ファイルを検出
CHANGED_FILES=$(git diff --name-only HEAD~1 HEAD -- 'docs/rfcs/*.md')

for file in $CHANGED_FILES; do
  TITLE=$(head -1 "$file" | sed 's/^# //')
  OUTPUT="./presentations/$(basename "$file" .md).felo"

  npx felo-slides --from "$file" --template "rfc" --output "$OUTPUT"

  echo "Generated slides for: $TITLE → $OUTPUT"
done

これを Git フックや CI に組み込めば、新しい RFC ごとに自動でスライドが生成されます。

3. マルチフォーマット再利用

1つのコンテンツをブログ、スライド、SNS 投稿に再利用する：

import { FeloSlides } from 'felo-slides';
import { generateBlog } from './blog-generator';
import { generateSocialThread } from './social-generator';

async function repurposeContent(sourceUrl: string) {
  const content = await fetchAndParse(sourceUrl);

  const [blog, deck, thread] = await Promise.all([
    generateBlog(content, { words: 2000 }),
    new FeloSlides().generate({
      topic: content.title,
      slides: 10,
      context: content.summary,
    }),
    generateSocialThread(content, { posts: 8 }),
  ]);

  return { blog, deck, thread };
}

コンテンツは1つ、出力は3つ。スライドも単なる副産物ではなく、同じ知的分析を共有します。

[IMG: 1つのソースコンテンツからブログ・スライド・SNS投稿へ分岐するフローチャート]

API リファレンス

独自統合を構築するチーム向けに、Felo Slides API は3つの主要エンドポイントを提供します。

認証

すべてのリクエストにはヘッダーで API キーが必要です：

Authorization: Bearer fsk_your_api_key_here

POST /v1/slides/generate

新しいプレゼンを生成します。

curl -X POST https://api.slides.felo.ai/v1/slides/generate \
  -H "Authorization: Bearer fsk_your_api_key_here" \
  -H "Content-Type: application/json" \
  -d '{
    "topic": "Introduction to WebAssembly",
    "slideCount": 10,
    "template": "developer-dark",
    "context": [
      "Audience: senior backend engineers",
      "Focus on practical use cases, not theory",
      "Include performance comparison with Docker"
    ],
    "language": "en"
  }'

レスポンス：

{
  "id": "deck_abc123",
  "status": "processing",
  "estimatedSeconds": 15,
  "slides": 10,
  "pollUrl": "/v1/slides/deck_abc123"
}

GET /v1/slides/{id}

ステータス確認および完成済みデッキの取得。

curl https://api.slides.felo.ai/v1/slides/deck_abc123 \
  -H "Authorization: Bearer fsk_your_api_key_here"

完了時のレスポンス：

{
  "id": "deck_abc123",
  "status": "complete",
  "slides": [
    {
      "number": 1,
      "title": "What Is WebAssembly?",
      "content": "...",
      "notes": "..."
    }
  ],
  "downloadUrls": {
    "felo": "https://api.slides.felo.ai/v1/slides/deck_abc123/download?felo",
    "pdf": "https://api.slides.felo.ai/v1/slides/deck_abc123/download?pdf",
    "pptx": "https://api.slides.felo.ai/v1/slides/deck_abc123/download?pptx"
  }
}

POST /v1/slides/{id}/edit

既存デッキをプログラム的に変更。

curl -X POST https://api.slides.felo.ai/v1/slides/deck_abc123/edit \
  -H "Authorization: Bearer fsk_your_api_key_here" \
  -H "Content-Type: application/json" \
  -d '{
    "actions": [
      { "type": "update", "slide": 3, "title": "WASM vs Containers: Benchmarks" },
      { "type": "insert", "after": 5, "title": "Live Demo", "content": "..." },
      { "type": "delete", "slide": 8 }
    ]
  }'

レート制限

無料枠: 1日 50 リクエスト、分あたり 5
プロ版: 1日 500 リクエスト、分あたり 30
エンタープライズ: カスタム上限

CLI および SDK は自動で指数バックオフ付きでレート制限を処理します。

[IMG: 3つのエンドポイントとリクエスト/レスポンス例を示す API ドキュメントのスクリーンショット]

FAQ

オフラインで使えますか？

生成処理は API 呼び出し（サーバー側 AI モデル）を必要としますが、PDF や PPTX にエクスポートした後はローカルで編集できます。CLI は直近 10 件の生成デッキをキャッシュし、オフライン閲覧可能です。

機密内容を扱う場合は？

すべての API 通信は転送時（TLS 1.3）と保存時に暗号化されます。スライド内容はモデル学習に使用されません。データ所在地が要件となる企業環境向けにはオンプレミス導入も提供しています。

独自テンプレートは使えますか？

はい。npm パッケージ、API 共にカスタムテンプレートをサポートしています。JSON ファイルとして定義し（上の Claude Code セクション参照）、名前またはパスで指定してください。

felo-slides "Topic here" --template ./my-template.json

出力フォーマットは？

生成デッキは .felo 形式（構造化 JSON）で保存されます。PDF、PPTX、PNG、HTML にエクスポート可能。.felo は編集可能で、再インポートして AI による再編集もできます。

Claude Code スキルは CLI 版でも使えますか？

はい。claude CLI とデスクトップアプリの両方で動作します。インストール手順は同じです。

英語以外の言語でもスライド生成できますか？

できます。API の language パラメータ（ISO 639-1）や CLI の --lang フラグを指定します。

felo-slides "Kubernetes 入門指南" --lang zh
felo-slides "Introducción a WebAssembly" --lang es

技術用語はそのままに、指定言語で自然な文章を生成します。

OpenClaw スキルと Claude Code スキルの違いは？

Claude Code スキルは対話的なエディタ内利用に最適化されています。質問を投げかけ、ユーザーと反復します。OpenClaw スキルは自律エージェントワークフロー向けで、構造化入力を受け取り出力を返すだけです。エンジンは同一ですが、対話モデルが異なります。

さあ始めましょう

クイックスタートチェックリスト：

API キーを取得 → slides.felo.ai/settings/api
CLI をインストール → npm install -g felo-slides
キーを設定 → export FELO_SLIDES_API_KEY=fsk_...
最初のデッキを生成 → felo-slides "Your topic here"
Claude Code に追加 → claude skill add felo-slides
自動化 → API をワークフローに組み込み

Felo Slides はデザインツールの代替ではありません。「急ぎでデッキが必要」問題を解決するものです。特にターミナルやエディタ、エージェント環境にどっぷりな開発者に最適です。

AI が生成するスライドは完璧な初稿ではなく、使える初稿です。10分手を入れただけでそのまま提出できるレベル。それが目指す基準です。

試してみましょう:

npx felo-slides "The talk I've been meaning to give"

→ Felo Slides · npm パッケージ · API ドキュメント · GitHub

この記事は次の言語でもお読みいただけます：English、简体中文、한국어、繁體中文、हिन्दी、Français、العربية、Русский、اردو、Bahasa Indonesia、Deutsch、Tiếng Việt、Türkçe、Italiano、ไทย、Español、বাংলা、Português。

開発者向け Felo Slides とは？​

インストールとセットアップ​

前提条件​

npm パッケージのインストール​

認証設定​

動作確認​

Claude Code と併用する​

Claude Code Skill のインストール​

基本的な使い方​

上級: カスタムテンプレートの利用​

対話的なスライド編集​

OpenClaw と併用する​

セットアップ​

エージェント主導のスライド生成​

コマンドライン例​

トピックから生成​

Markdown ファイルから生成​

URL から生成​

バッチ生成​

エクスポート形式​

CI/CD への統合​

自動化ワークフロー例​

1. 会議準備ボット​

2. ドキュメント → プレゼン変換パイプライン​

3. マルチフォーマット再利用​

API リファレンス​

認証​

POST /v1/slides/generate​

GET /v1/slides/{id}​

POST /v1/slides/{id}/edit​

レート制限​

FAQ​

オフラインで使えますか？​

機密内容を扱う場合は？​

独自テンプレートは使えますか？​

出力フォーマットは？​

Claude Code スキルは CLI 版でも使えますか？​

英語以外の言語でもスライド生成できますか？​

OpenClaw スキルと Claude Code スキルの違いは？​

さあ始めましょう​