วิธีใช้ Felo Slides ร่วมกับ Claude Code และ AI Agents

สร้างสไลด์ที่ขับเคลื่อนด้วย AI จากเทอร์มินัลโดยใช้ Felo Slides ร่วมกับ Claude Code, OpenClaw และแพ็กเกจ npm felo-slides — คู่มือสำหรับนักพัฒนาการสร้างสไลด์แบบโปรแกรมมิ่ง

$ npx felo-slides "อธิบาย Kubernetes pod scheduling ใน 8 สไลด์"
✓ กำลังวิเคราะห์หัวข้อ...
✓ กำลังสร้างเค้าโครง (8 สไลด์)...
✓ กำลังสร้างเนื้อหาสไลด์...
✓ กำลังสร้างงานนำเสนอ...
✔ เสร็จแล้ว → kubernetes-pod-scheduling.felo

เรียบร้อย ไม่ต้องใช้เบราว์เซอร์ ไม่ต้องลากวาง ไม่ต้องเลือกเทมเพลต เพียงพิมพ์คำสั่งเดียว สไลด์ทั้งแปดหน้าก็พร้อมใช้งาน

ถ้าคุณเคยนั่งในประชุม 40 นาทีที่ควรจะเป็นเพียงงานนำเสนอสั้น ๆ คุณคงเข้าใจว่าทำไมเราจึงสร้าง Felo Slides ขึ้นมา แต่โพสต์นี้ไม่ได้พูดถึงเว็บแอป — มันพูดถึงสิ่งที่เกิดขึ้นเมื่อคุณมอบ API ให้กับนักพัฒนาและบอกให้พวกเขาอัตโนมัติทุกอย่าง

นี่คือวิธีใช้ Felo Slides ร่วมกับ Claude Code, ตัวแทน OpenClaw และสคริปต์ของคุณเอง เพื่อสร้างสไลด์ AI โดยไม่ต้องออกจากเทอร์มินัลเลย

[IMG: ภาพหน้าจอเทอร์มินัลที่แสดง CLI ของ felo-slides สร้างงานนำเสนอจากพรอมต์เดียว โดยมีไฟล์ผลลัพธ์ถูกเน้นไว้]

Felo Slides คืออะไร (สำหรับนักพัฒนา)?

Felo Slides เป็นเอนจินสร้างงานนำเสนอด้วย AI คนส่วนใหญ่รู้จักมันในชื่อเว็บแอปที่ slides.felo.ai แต่เบื้องหลังมันยังเป็น:

• แพ็กเกจ npm felo-slides — CLI และไลบรารีสำหรับสร้างสไลด์แบบโปรแกรมมิ่ง
• Claude Code Skill — ความสามารถที่ให้ Claude Code สร้างงานนำเสนอได้โดยตรง
• OpenClaw Skill — แนวคิดเดียวกัน แต่เชื่อมต่อในเฟรมเวิร์กของตัวแทน OpenClaw
• REST API — จุดเชื่อมต่อ HTTP สำหรับสร้างสไลด์ วิเคราะห์หัวข้อ และเรนเดอร์เทมเพลต

เว็บแอปคือส่วนหน้าที่ดูเรียบร้อย ส่วนเครื่องมือนักพัฒนาเป็นเครื่องยนต์ คุณสามารถผสมผสานได้: ใช้ CLI เพื่อสร้างสไลด์อย่างรวดเร็ว, ใช้ API สำหรับระบบอัตโนมัติฝั่งเซิร์ฟเวอร์ หรือใช้ Claude Code skill เพื่อสร้างสไลด์ในบทสนทนา

เมื่อไรควรใช้สิ่งใด:

กรณีการใช้งาน	เครื่องมือ
สร้างสไลด์ด่วนจากเทอร์มินัล	CLI felo-slides
สร้างแบบสนทนาในตัวแก้ไข	Claude Code Skill
เวิร์กโฟลว์ที่ขับเคลื่อนด้วยตัวแทน	OpenClaw Skill
ฝั่งแบ็กเอนด์ / CI / งานประจำ	Felo Slides API

การติดตั้งและตั้งค่า

ข้อกำหนดเบื้องต้น

• Node.js 18+ (แนะนำ 20+)
• บัญชี Felo พร้อมสิทธิ์เข้าถึง API (เวอร์ชันฟรีก็ใช้ได้)
• คีย์ API จาก slides.felo.ai/settings/api

ติดตั้งแพ็กเกจ npm

npm install -g felo-slides

หรือใช้โดยไม่ต้องติดตั้ง:

npx felo-slides "หัวข้องานนำเสนอของคุณ"

ยืนยันตัวตน

ตั้งค่าคีย์ API เป็นตัวแปรสภาพแวดล้อม:

export FELO_SLIDES_API_KEY=fsk_your_api_key_here

หรือสร้างไฟล์ .felo-slides.json ที่ root ของโปรเจกต์:

{
  "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: ภาพเปรียบเทียบผลลัพธ์เทอร์มินัลระหว่างการตั้งค่าสำเร็จและข้อผิดพลาดด้านการยืนยันตัวตน]

การใช้ Felo Slides ร่วมกับ Claude Code

ส่วนนี้เริ่มน่าสนใจ เมื่อ Claude Code Skill จะเปลี่ยน Claude ให้กลายเป็นโรงงานผลิตสไลด์ แทนที่จะพิมพ์พรอมต์และคัดลอกผลลัพธ์ Claude จะสร้าง แก้ไข และส่งออกงานนำเสนอโดยตรง

การติดตั้ง Claude Code Skill

# ในไดเรกทอรีโปรเจกต์ Claude Code ของคุณ
claude skill add felo-slides

คำสั่งนี้จะลงทะเบียน Felo Slides skill กับ Claude Code ทำให้ Claude รู้จักความสามารถในการสร้างงานนำเสนอและเข้าถึง API ของ felo-slides ได้เต็มรูปแบบ

วิธีใช้งานพื้นฐานใน Claude Code

หลังติดตั้งแล้ว เพียงพิมพ์คำสั่งธรรมชาติ:

> สร้างสไลด์ 10 หน้าเกี่ยวกับแผนงานวิศวกรรมไตรมาส 3  
  รวมส่วน: การย้ายแพลตฟอร์ม, แผนการจ้างงาน,  
  และงบโครงสร้างพื้นฐาน

Claude จะทำ:

1. ร่างเค้าโครงและยืนยันโครงสร้างกับคุณ
2. สร้างเนื้อหาสไลด์ใช้ Felo Slides API
3. บันทึกไฟล์ .felo ลงในไดเรกทอรีโปรเจกต์
4. เสนอการปรับแต่งสไลด์เฉพาะหน้า

ไม่มีการสลับบริบท ไม่มีการก็อปปี้วาง สไลด์อยู่ใน repo ของคุณข้าง ๆ โค้ดเลย

ขั้นสูง: เทมเพลตแบบกำหนดเองใน Claude Code

คุณสามารถสร้างเทมเพลตสไลด์เฉพาะโปรเจกต์ให้ Claude ใช้อัตโนมัติได้:

mkdir -p .felo/templates

สร้างไฟล์ .felo/templates/engineering.json:

{
  "name": "อัปเดตฝ่ายวิศวกรรม",
  "theme": "dark",
  "accent": "#6366f1",
  "fonts": {
    "heading": "JetBrains Mono",
    "body": "Inter"
  },
  "layout": {
    "titleSlide": "code-hero",
    "contentSlide": "split-left",
    "closingSlide": "cta-minimal"
  }
}

แล้วใน Claude Code:

> สร้างสไลด์เกี่ยวกับการย้าย auth service  
  ใช้เทมเพลต engineering

Claude จะเลือกเทมเพลตให้อัตโนมัติและนำไปใช้กับทุกสไลด์ที่สร้างขึ้น

[IMG: หน้าต่าง Claude Code ที่ผู้ใช้ขอให้สร้าง deck, Claude สร้างเค้าโครงและไฟล์ .felo ปรากฏในโครงสร้างไฟล์]

การแก้ไขสไลด์แบบสนทนา

พลังที่แท้จริงของการผสานกับ Claude Code คือการแก้ไขแบบวนรอบได้:

> สไลด์ 3 เนื้อหาเยอะเกิน แยกเป็นสองหน้า  
  ย้ายภาพแผนผังสถาปัตยกรรมไปหน้า 4

> เพิ่มโน้ตผู้นำเสนอในสไลด์ 5-7  
  จำกัดไม่เกิน 50 คำ

> เปลี่ยนสีเน้นเป็นเขียวตามแบรนด์ (#10b981)  
  และเพิ่มโลโก้ลงในสไลด์ชื่อเรื่อง

แต่ละการแก้ไขคือการเรียก API เบื้องหลัง แต่คุณไม่ต้องเห็นคำขอ HTTP เพราะ Claude จัดการให้หมดแล้ว

การใช้ Felo Slides ร่วมกับ OpenClaw

OpenClaw จะยกระดับแนวทางแบบตัวแทนไปอีกขั้น Felo Slides OpenClaw Skill ช่วยให้ AI agent สามารถสร้างสไลด์เป็นส่วนหนึ่งของเวิร์กโฟลว์ขนาดใหญ่ โดยไม่ต้องรอคำสั่งตรง ๆ จากผู้ใช้

การตั้งค่า

openclaw skill install felo-slides

ตั้งค่าใน workspace ของ OpenClaw:

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

การสร้างสไลด์โดยตัวแทน

ใน OpenClaw คุณสามารถให้ตัวแทนสร้างสไลด์จากเวิร์กโฟลว์ได้:

ผู้ใช้: ปิดดีล Acme แล้ว เตรียมสไลด์ kickoff ให้ทีมวิศวกร  
        ใช้ข้อมูลจาก Notion และลำดับเวลาจาก Linear

ตัวแทน: [อ่านไฟล์ Notion]  
         [ดึงข้อมูล timeline จาก Linear]  
         [สร้างสไลด์ kickoff 12 หน้า ผ่าน felo-slides]  
         [บันทึกไปที่ output/slides/acme-kickoff.felo]  
         "เสร็จแล้ว สร้างสไลด์ 12 หน้า ครอบคลุมขอบเขต  
          ลำดับเวลา ทีมงาน และเป้าหมาย ส่งไปที่ #eng-general ไหม?"

ตัวแทนดึงบริบทจากเครื่องมือภายนอกสองตัว จัดโครงสร้างเป็นงานนำเสนอ และสร้างสไลด์ทั้งหมดได้ในการทำงานรอบเดียว

[IMG: แผนภาพเวิร์กโฟลว์ OpenClaw แสดงการร้องขอ → รวบรวมบริบท (Notion, Linear) → felo-slides API → ไฟล์ผลลัพธ์ → การส่งต่อ]

ตัวอย่างคำสั่งบรรทัดคำสั่ง

มาดู CLI โดยละเอียดกัน ตัวอย่างเหล่านี้ครอบคลุมเวิร์กโฟลว์ที่นักพัฒนาพบได้บ่อย

สร้างจากหัวข้อ

felo-slides "Microservices vs monoliths: คู่มือแบบใช้จริง" --slides 12

สร้างจากไฟล์ Markdown

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

CLI จะวิเคราะห์ไฟล์ markdown ของคุณ ตรวจจับหัวข้อและรายการ bullet และจัดแปลงเป็นสไลด์โดยอัตโนมัติ

สร้างจาก 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 มีหัวข้อแถวละหนึ่งรายการ:

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 "สัปดาห์นี้อัปเดตทีมวิศวกรรม ${{ github.run_id }}" --template weekly --output ./decks/
      - uses: actions/upload-artifact@v4
        with:
          name: weekly-deck
          path: ./decks/

[IMG: บันทึกการทำงาน GitHub Actions แสดงขั้นตอน felo-slides สำเร็จและไฟล์ deck ปรากฏใน Artifacts]

ตัวอย่างเวิร์กโฟลว์อัตโนมัติ

นี่คือ 3 เวิร์กโฟลว์จริงที่ 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

# ตรวจจับไฟล์ .md ใหม่ใน /docs/rfcs
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 "สร้างสไลด์สำหรับ: $TITLE → $OUTPUT"
done

ตั้งค่าสคริปต์นี้เป็น git hook หรือขั้นตอน CI แล้วทุก RFC ใหม่จะได้รับสไลด์แนบโดยอัตโนมัติ

3. การใช้เนื้อหาหลายรูปแบบซ้ำ

แปลงเนื้อหาชิ้นเดียวให้กลายเป็นบล็อกโพสต์ สไลด์ และโพสต์โซเชียล:

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 };
}

แหล่งเนื้อหาเดียว สามผลลัพธ์ สไลด์ไม่ใช่สิ่งหลังสุดที่คิดถึง — มันถูกสร้างขึ้นด้วยความฉลาดแบบเดียวกับบล็อกโพสต์

[IMG: แผนภาพโฟลว์แสดงหนึ่งแหล่งเนื้อหาแตกออกเป็น 3 ผลลัพธ์: บล็อกโพสต์, สไลด์, และเธรดโซเชียล]

การอ้างอิง API

สำหรับทีมที่ต้องการสร้างการผสานแบบกำหนดเอง API ของ Felo Slides มีสามจุดหลัก

การยืนยันตัวตน

ทุกคำขอต้องมี API key ใน header:

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 '{ ... }'

GET /v1/slides/{id}

ตรวจสอบสถานะและดึงเด็คที่เสร็จสมบูรณ์

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

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 '{ ... }'

ขีดจำกัดการใช้งาน

• ฟรี: 50 ครั้ง/วัน, 5 ครั้ง/นาที
• Pro: 500 ครั้ง/วัน, 30 ครั้ง/นาที
• Enterprise: กำหนดเอง

CLI felo-slides และ SDK ทั้งหมดจัดการขีดจำกัดให้อัตโนมัติพร้อม backoff แบบชาญฉลาด

[IMG: ภาพสกรีนช็อตเอกสาร API แสดง 3 จุด endpoint พร้อมตัวอย่างคำขอ/คำตอบ]

คำถามที่พบบ่อย (FAQ)

ใช้ Felo Slides ออฟไลน์ได้ไหม?

ขั้นตอนสร้างต้องเรียก API (โมเดลรันบนเซิร์ฟเวอร์) แต่คุณสามารถส่งออก deck เป็น PDF หรือ PPTX เพื่อแก้ไขออฟไลน์ได้ CLI ยังแคชเด็ค 10 อันล่าสุดไว้ให้เปิดดูออฟไลน์ด้วย

หากเนื้อหามีความอ่อนไหวควรทำอย่างไร?

ทุกคำขอ API เข้ารหัสทั้งระหว่างส่งและจัดเก็บ (TLS 1.3) เนื้อหาไม่ถูกนำไปฝึกโมเดล สำหรับเวอร์ชันองค์กรที่ต้องการเก็บข้อมูลในพื้นที่ ติดต่อเราเพื่อใช้แบบ on-premise

ใช้เทมเพลตของตัวเองได้ไหม?

ได้ แพ็กเกจ npm และ API รองรับเทมเพลตแบบกำหนดเอง สร้างเทมเพลตเป็นไฟล์ JSON (ดูตัวอย่างในส่วน Claude Code) แล้วอ้างอิงชื่อหรือเส้นทางไฟล์:

felo-slides "หัวข้อที่นี่" --template ./my-template.json

รูปแบบผลลัพธ์เป็นอย่างไร?

Deck ที่สร้างถูกเก็บเป็นไฟล์ .felo (โครงสร้าง JSON) คุณสามารถส่งออกเป็น PDF, PPTX, PNG หรือ HTML ได้ .felo เป็นแบบแก้ไขได้ — ปรับแต่งโปรแกรมมิ่งหรือโหลดกลับมาสำหรับแก้ไขโดย AI ได้อีก

Claude Code skill ใช้กับ Claude CLI ได้ไหมหรือเฉพาะแอปเดสก์ท็อป?

ใช้ได้ทั้งคู่ Skill นี้ทำงานกับ claude ในเทอร์มินัลและแอปเดสก์ท็อปได้เหมือนกัน

สามารถสร้างสไลด์เป็นภาษาอื่นได้ไหม?

ได้ ส่งพารามิเตอร์ language (รหัส ISO 639-1) ไปที่ API หรือ flag --lang ใน CLI:

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

AI จะสร้างเนื้อหาในภาษาที่ระบุพร้อมคงคำศัพท์เทคนิคให้เหมือนมาตรฐาน

ต่างกันอย่างไรระหว่าง OpenClaw และ Claude Code skill?

Claude Code skill เน้นการใช้งานแบบโต้ตอบใน editor — จะถามเพิ่มเติมและวนปรับแก้ได้ ส่วน OpenClaw skill ออกแบบมาสำหรับเวิร์กโฟลว์ตัวแทนอัตโนมัติ — รับข้อมูลโครงสร้างและคืนผลงานโดยไม่ต้องโต้ตอบ กลไกเดียวกัน แต่รูปแบบการทำงานต่างกัน

เริ่มต้นใช้งาน

รายการตรวจสอบเริ่มต้นอย่างรวดเร็ว:

1. รับคีย์ API → slides.felo.ai/settings/api
2. ติดตั้ง CLI → npm install -g felo-slides
3. ตั้งค่าคีย์ → export FELO_SLIDES_API_KEY=fsk_...
4. สร้างเด็คแรกของคุณ → felo-slides "หัวข้อของคุณ"
5. เพิ่มใน Claude Code → claude skill add felo-slides
6. ทำให้อัตโนมัติ → เชื่อม API เข้ากับเวิร์กโฟลว์ของคุณ

Felo Slides ไม่ได้ตั้งใจจะแทนที่เครื่องมือออกแบบของคุณ แต่มันทำให้ปัญหา “ต้องการสไลด์ด่วน” หมดไป โดยเฉพาะเมื่อคุณทำงานอยู่ในเทอร์มินัล ตัวแก้ไข หรือเวิร์กโฟลว์ของตัวแทนอยู่แล้ว

สไลด์ที่สร้างด้วย AI แบบนี้อาจไม่สมบูรณ์ในฉบับแรก แต่มันคือ จุดเริ่มต้นที่มีประโยชน์ — ที่คุณจะเปิด แก้ไม่กี่นาที แล้วพร้อมใช้งานได้จริง นั่นแหละคือเป้าหมาย

ลองเลย:

npx felo-slides "การบรรยายที่ผมอยากพูดมานาน"

→ Felo Slides · แพ็กเกจ npm · เอกสาร API · GitHub

---

บทความนี้มีให้อ่านในภาษาต่อไปนี้ด้วย: English, 简体中文, 日本語, 한국어, 繁體中文, हिन्दी, Français, العربية, Русский, اردو, Bahasa Indonesia, Deutsch, Tiếng Việt, Türkçe, Italiano, Español, বাংলা and Português