Cách sử dụng Felo Slides với Claude Code và các Tác nhân AI

June 25, 2026 · 14 phút đọc

Committed to answers at your fingertips

Tạo slide được hỗ trợ AI ngay từ terminal bằng Felo Slides với Claude Code, OpenClaw và gói npm felo-slides. Hướng dẫn dành cho lập trình viên về cách tạo slide tự động bằng mã.

$ npx felo-slides "Explain Kubernetes pod scheduling in 8 slides"
✓ Đang phân tích chủ đề...
✓ Đang tạo dàn ý (8 slide)...
✓ Đang viết nội dung slide...
✓ Đang xây dựng bản trình bày...
✔ Hoàn tất → kubernetes-pod-scheduling.felo

Vậy là xong. Không cần trình duyệt. Không kéo thả. Không chọn mẫu. Bạn chỉ gõ một lệnh, và tám slide xuất hiện.

Nếu bạn từng chịu đựng một cuộc họp 40 phút mà lẽ ra chỉ cần một bộ slide, bạn đã hiểu tại sao chúng tôi tạo ra Felo Slides. Nhưng bài viết này không nói về ứng dụng web — mà là về chuyện gì xảy ra khi bạn đưa cho lập trình viên một API và bảo họ tự động hóa mọi thứ.

Dưới đây là cách sử dụng Felo Slides với Claude Code, các tác nhân OpenClaw và script của riêng bạn để tạo slide AI mà không cần rời terminal.

[IMG: Ảnh chụp terminal hiển thị CLI felo-slides đang tạo bản trình bày từ một lệnh duy nhất, với tệp đầu ra được tô sáng]

Felo Slides là gì (dành cho lập trình viên)?

Felo Slides là một công cụ AI tạo bản trình bày. Hầu hết mọi người biết đến nó như một ứng dụng web tại slides.felo.ai. Nhưng phía sau, nó còn là:

Gói npm felo-slides — CLI và thư viện để tạo slide bằng mã
Claude Code Skill — kỹ năng gốc giúp Claude Code tạo slide trực tiếp
OpenClaw Skill — ý tưởng tương tự, tích hợp với framework tác nhân OpenClaw
REST API — các endpoint HTTP cho việc tạo slide, phân tích chủ đề và render mẫu

Ứng dụng web là phần giao diện đẹp đẽ. Công cụ dành cho lập trình viên là động cơ bên trong. Bạn có thể kết hợp linh hoạt: dùng CLI để tạo nhanh cục bộ, API cho tự động hóa server, hoặc kỹ năng Claude Code để tạo slide qua hội thoại.

Khi nào nên dùng gì:

Trường hợp sử dụng	Công cụ
Tạo slide nhanh từ terminal	CLI `felo-slides`
Tạo slide hội thoại trong trình soạn thảo	Claude Code Skill
Quy trình do tác nhân điều khiển	OpenClaw Skill
Backend / CI / công việc hàng loạt	Felo Slides API

Cài đặt và thiết lập

Yêu cầu trước

Node.js 18+ (khuyên dùng 20+)
Tài khoản Felo có quyền API (gói miễn phí cũng được)
API key từ slides.felo.ai/settings/api

Cài đặt gói npm

npm install -g felo-slides

Hoặc dùng thẳng mà không cần cài:

npx felo-slides "Chủ đề trình bày của bạn ở đây"

Xác thực

Thiết lập API key của bạn dưới dạng biến môi trường:

export FELO_SLIDES_API_KEY=fsk_your_api_key_here

Hoặc tạo tệp .felo-slides.json ở gốc dự án của bạn:

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

Kiểm tra hoạt động

$ felo-slides --version
felo-slides 2.4.0

$ felo-slides --check
✓ API key hợp lệ
✓ Giới hạn truy cập: 47/50 yêu cầu còn lại
✓ Đã tải 12 mẫu

[IMG: So sánh hai đầu ra terminal: một bên thiết lập thành công, bên kia lỗi xác thực phổ biến]

Sử dụng Felo Slides với Claude Code

Đây là phần thú vị. Kỹ năng Claude Code biến trình soạn thảo Claude thành một nhà máy sản xuất slide. Thay vì viết prompt và sao chép kết quả, Claude tạo, chỉnh sửa và xuất bản trình bày trực tiếp.

Cài đặt Claude Code Skill

# Trong thư mục dự án Claude Code
claude skill add felo-slides

Điều này đăng ký kỹ năng Felo Slides với Claude Code. Claude giờ biết cách tạo bản trình bày và có thể truy cập toàn bộ API felo-slides.

Sử dụng cơ bản trong Claude Code

Sau khi cài đặt, bạn chỉ cần yêu cầu tự nhiên:

> Tạo bộ 10 slide về lộ trình kỹ thuật Q3 của chúng ta.
  Bao gồm phần: di chuyển nền tảng, kế hoạch tuyển dụng,
  và ngân sách hạ tầng.

Claude sẽ:

Lên dàn ý và xác nhận cấu trúc với bạn
Tạo nội dung slide bằng Felo Slides API
Lưu tệp .felo vào thư mục dự án
Gợi ý chỉnh sửa từng slide cụ thể

Không cần chuyển đổi ngữ cảnh. Không copy-paste. Các slide nằm ngay trong repo cùng mã nguồn của bạn.

Nâng cao: Mẫu tùy chỉnh trong Claude Code

Bạn có thể định nghĩa mẫu slide riêng cho dự án để Claude sử dụng tự động:

mkdir -p .felo/templates

Tạo .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"
  }
}

Sau đó trong Claude Code:

> Tạo bộ slide về quá trình di chuyển dịch vụ xác thực.
  Dùng mẫu engineering.

Claude sẽ tự động nhận mẫu và áp dụng cho toàn bộ các slide được tạo.

[IMG: Màn hình Claude Code hiển thị cuộc trò chuyện yêu cầu tạo slide, Claude tạo dàn ý, và tệp .felo xuất hiện trong cây tệp]

Chỉnh sửa slide bằng hội thoại

Sức mạnh thật sự của tích hợp Claude Code nằm ở việc chỉnh sửa theo vòng lặp:

> Slide 3 quá dày, tách thành hai slide.
  Di chuyển sơ đồ kiến trúc sang slide 4.

> Thêm ghi chú cho diễn giả vào slide 5-7, dưới 50 từ mỗi cái.

> Đổi màu nhấn thành xanh lá thương hiệu (#10b981)
  và thêm logo vào slide tiêu đề.

Mỗi chỉnh sửa là một lệnh API ngầm, nhưng bạn không cần thấy các request HTTP. Claude xử lý tất cả.

Sử dụng Felo Slides với OpenClaw

OpenClaw đi xa hơn với mô hình tác nhân. Kỹ năng Felo Slides cho OpenClaw cho phép các tác nhân AI tạo slide trong quy trình lớn hơn — không chỉ khi có lệnh trực tiếp.

Cài đặt

openclaw skill install felo-slides

Cấu hình trong workspace OpenClaw:

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

Tác nhân tạo slide tự động

Với OpenClaw, bạn có thể kích hoạt tạo slide trong quy trình tác nhân:

User: Chúng ta vừa chốt thương vụ Acme. Hãy chuẩn bị
      bộ slide khởi động cho team kỹ thuật. Dùng brief
      từ Notion và timeline từ Linear.

Agent: [đọc brief từ Notion]
       [lấy timeline từ Linear]
       [tạo bộ 12 slide kickoff qua felo-slides]
       [lưu vào output/slides/acme-kickoff.felo]
       "Hoàn tất. Đã tạo bộ 12 slide gồm phạm vi,
        tiến độ, phân công và mốc thời gian.
        Gửi đến #eng-general nhé?"

Tác nhân lấy ngữ cảnh từ hai công cụ ngoài, cấu trúc thành bản trình bày và tạo slide — tất cả trong một lượt.

[IMG: Sơ đồ quy trình tác nhân OpenClaw: yêu cầu người dùng → thu thập ngữ cảnh (Notion, Linear) → felo-slides API → tệp đầu ra → gửi đi]

Ví dụ dòng lệnh

Cùng xem chi tiết CLI. Những ví dụ này bao quát các quy trình phổ biến của lập trình viên.

Tạo từ chủ đề

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

Tạo từ tệp Markdown

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

CLI sẽ phân tích markdown, nhận dạng tiêu đề và bullet point, rồi tự động ánh xạ sang slide.

Tạo từ URL

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

Rất hữu ích để biến tài liệu, blog hoặc RFC thành bản trình bày.

Tạo hàng loạt

# Tạo slide cho nhiều chủ đề
felo-slides batch --file topics.txt --output ./deck-batch/

Tệp topics.txt chứa mỗi chủ đề một dòng:

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

Định dạng xuất

# Xuất PDF
felo-slides export ./output.felo --format pdf

# Xuất PPTX
felo-slides export ./output.felo --format pptx

# Xuất ảnh (mỗi slide một PNG)
felo-slides export ./output.felo --format png --dpi 300

Tích hợp CI/CD

# .github/workflows/weekly-deck.yml
name: Generate Weekly Update Deck
on:
  schedule:
    - cron: '0 9 * * 1'  # Mỗi thứ Hai lúc 9 giờ sáng

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: Nhật ký GitHub Actions hiển thị bước felo-slides hoàn tất thành công, deck được liệt kê trong Artifacts]

Ví dụ quy trình tự động hóa

Dưới đây là ba quy trình thực tế nơi Felo Slides giúp tiết kiệm đáng kể thời gian.

1. Bot chuẩn bị trước cuộc họp

Một bot Slack tạo bộ slide khởi động cho mỗi cuộc họp định kỳ:

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: [
      `Attendees: ${context.attendees.join(', ')}`,
      `Previous action items: ${context.lastActions.join('; ')}`,
      `Agenda: ${context.agenda.join(', ')}`,
    ],
    template: 'standup',
  });

  await slides.export(deck.id, { format: 'pdf' });
  await postToSlack(context.channel, {
    text: `📊 Starter deck for ${context.title}`,
    files: [{ file: deck.exportPath, filename: `${context.title}.pdf` }],
  });
}

2. Pipeline tài liệu → bản trình bày

Tự động chuyển RFC hoặc thiết kế mới thành bản trình bày nháp:

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

# Phát hiện file .md mới trong /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 "Đã tạo slide cho: $TITLE → $OUTPUT"
done

Gắn script này vào git hook hoặc bước CI, và mỗi RFC mới sẽ tự động có bộ slide đi kèm.

3. Tái sử dụng nội dung đa định dạng

Biến một nội dung thành bài blog, bản trình bày và chuỗi mạng xã hội:

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

async function repurposeContent(sourceUrl: string) {
  // Lấy và phân tích nội dung nguồn
  const content = await fetchAndParse(sourceUrl);

  // Tạo cả ba định dạng song song
  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 };
}

Một nguồn, ba đầu ra. Bộ slide không còn là ý tưởng sau cùng — nó được tạo từ cùng lớp thông tin như bài blog.

[IMG: Lược đồ cho thấy một nội dung nguồn phân nhánh thành ba kết quả: blog, slide, và chuỗi mạng xã hội]

Tài liệu API

Dành cho đội muốn tích hợp tùy chỉnh, Felo Slides API cung cấp ba endpoint cốt lõi.

Xác thực

Mọi yêu cầu đều cần API key trong header:

Authorization: Bearer fsk_your_api_key_here

POST /v1/slides/generate

Tạo bản trình bày mới.

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"
  }'

Phản hồi:

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

GET /v1/slides/{id}

Kiểm tra trạng thái và lấy deck đã hoàn tất.

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

Phản hồi (khi hoàn tất):

{
  "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

Chỉnh sửa deck hiện có bằng mã.

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 }
    ]
  }'

Giới hạn tốc độ

Gói miễn phí: 50 yêu cầu/ngày, 5 yêu cầu/phút
Gói Pro: 500 yêu cầu/ngày, 30 yêu cầu/phút
Doanh nghiệp: tùy chỉnh

CLI felo-slides và các SDK tự động xử lý giới hạn với cơ chế backoff lũy tiến.

[IMG: Ảnh chụp tài liệu API hiển thị ba endpoint với ví dụ request/response]

Câu hỏi thường gặp

Tôi có thể dùng Felo Slides ngoại tuyến không?

Bước tạo slide cần gọi API (mô hình AI chạy phía máy chủ). Nhưng bạn có thể xuất deck thành PDF hoặc PPTX và làm việc cục bộ sau đó. CLI lưu bộ nhớ cache 10 deck gần nhất để xem offline.

Làm thế nào để xử lý nội dung nhạy cảm?

Mọi yêu cầu API đều được mã hóa trong khi truyền (TLS 1.3) và lưu trữ an toàn. Nội dung slide không được dùng để huấn luyện mô hình. Với doanh nghiệp có yêu cầu lưu trữ dữ liệu nội bộ, hãy liên hệ chúng tôi để biết tùy chọn on-premise.

Tôi có thể dùng mẫu riêng không?

Có. Cả gói npm và API đều hỗ trợ mẫu tùy chỉnh. Định nghĩa mẫu dưới dạng tệp JSON (xem phần Claude Code ở trên), sau đó tham chiếu bằng tên hoặc đường dẫn:

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

Định dạng đầu ra là gì?

Deck được tạo lưu dưới dạng tệp .felo (định dạng JSON có cấu trúc). Bạn có thể xuất ra PDF, PPTX, PNG hoặc HTML. Định dạng .felo có thể chỉnh sửa — cho phép bạn sửa bằng mã hoặc nhập lại để AI tiếp tục chỉnh.

Kỹ năng Claude Code có hoạt động với Claude CLI hay chỉ bản desktop?

Cả hai. Kỹ năng hoạt động với claude trong terminal và ứng dụng Claude desktop. Cách cài đặt giống nhau.

Tôi có thể tạo slide bằng ngôn ngữ khác ngoài tiếng Anh không?

Có. Truyền tham số language (mã ISO 639-1) cho API hoặc cờ --lang cho CLI:

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

AI sẽ tạo nội dung bằng ngôn ngữ chỉ định, vẫn giữ nguyên thuật ngữ kỹ thuật chuẩn.

Kỹ năng OpenClaw khác gì Claude Code?

Claude Code được tối ưu cho tương tác tức thời trong trình soạn thảo — nó hỏi lại, lặp cùng bạn. OpenClaw được thiết kế cho quy trình tác nhân tự động — nhận đầu vào có cấu trúc và trả kết quả mà không cần hội thoại. Cùng động cơ, khác mô hình tương tác.

Bắt đầu xây dựng

Danh sách khởi động nhanh:

Lấy API key → slides.felo.ai/settings/api
Cài CLI → npm install -g felo-slides
Thiết lập key → export FELO_SLIDES_API_KEY=fsk_...
Tạo bộ deck đầu tiên → felo-slides "Chủ đề của bạn ở đây"
Thêm vào Claude Code → claude skill add felo-slides
Tự động hóa → tích hợp API vào quy trình của bạn

Felo Slides không nhằm thay thế công cụ thiết kế của bạn. Nó giúp loại bỏ vấn đề "tôi cần gấp một bộ slide" — đặc biệt khi bạn làm việc trong terminal, trình soạn thảo hoặc quy trình tác nhân.

Slide AI tạo theo cách này không phải bản hoàn hảo đầu tiên. Chúng là bản nháp hữu ích đầu tiên. Những bản bạn thực sự mở ra, chỉnh 10 phút, rồi gửi đi. Đó là chuẩn mực.

Thử ngay:

npx felo-slides "Bài nói tôi luôn muốn trình bày"

→ Felo Slides · npm package · API docs · GitHub

Bài viết này cũng có sẵn bằng English, 简体中文, 日本語, 한국어, 繁體中文, हिन्दी, Français, العربية, Русский, اردو, Bahasa Indonesia, Deutsch, Türkçe, Italiano, ไทย, Español, বাংলা and Português.

Felo Slides là gì (dành cho lập trình viên)?​

Cài đặt và thiết lập​

Yêu cầu trước​

Cài đặt gói npm​

Xác thực​

Kiểm tra hoạt động​

Sử dụng Felo Slides với Claude Code​

Cài đặt Claude Code Skill​

Sử dụng cơ bản trong Claude Code​

Nâng cao: Mẫu tùy chỉnh trong Claude Code​

Chỉnh sửa slide bằng hội thoại​

Sử dụng Felo Slides với OpenClaw​

Cài đặt​

Tác nhân tạo slide tự động​

Ví dụ dòng lệnh​

Tạo từ chủ đề​

Tạo từ tệp Markdown​

Tạo từ URL​

Tạo hàng loạt​

Định dạng xuất​

Tích hợp CI/CD​

Ví dụ quy trình tự động hóa​

1. Bot chuẩn bị trước cuộc họp​

2. Pipeline tài liệu → bản trình bày​

3. Tái sử dụng nội dung đa định dạng​

Tài liệu API​

Xác thực​

POST /v1/slides/generate​

GET /v1/slides/{id}​

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

Giới hạn tốc độ​

Câu hỏi thường gặp​

Tôi có thể dùng Felo Slides ngoại tuyến không?​

Làm thế nào để xử lý nội dung nhạy cảm?​

Tôi có thể dùng mẫu riêng không?​

Định dạng đầu ra là gì?​

Kỹ năng Claude Code có hoạt động với Claude CLI hay chỉ bản desktop?​

Tôi có thể tạo slide bằng ngôn ngữ khác ngoài tiếng Anh không?​

Kỹ năng OpenClaw khác gì Claude Code?​

Bắt đầu xây dựng​

Felo Slides là gì (dành cho lập trình viên)?

Cài đặt và thiết lập

Yêu cầu trước

Cài đặt gói npm

Xác thực

Kiểm tra hoạt động

Sử dụng Felo Slides với Claude Code

Cài đặt Claude Code Skill

Sử dụng cơ bản trong Claude Code

Nâng cao: Mẫu tùy chỉnh trong Claude Code

Chỉnh sửa slide bằng hội thoại

Sử dụng Felo Slides với OpenClaw

Cài đặt

Tác nhân tạo slide tự động

Ví dụ dòng lệnh

Tạo từ chủ đề

Tạo từ tệp Markdown

Tạo từ URL

Tạo hàng loạt

Định dạng xuất

Tích hợp CI/CD

Ví dụ quy trình tự động hóa

1. Bot chuẩn bị trước cuộc họp

2. Pipeline tài liệu → bản trình bày

3. Tái sử dụng nội dung đa định dạng

Tài liệu API

Xác thực

POST /v1/slides/generate

GET /v1/slides/{id}

POST /v1/slides/{id}/edit

Giới hạn tốc độ

Câu hỏi thường gặp

Tôi có thể dùng Felo Slides ngoại tuyến không?

Làm thế nào để xử lý nội dung nhạy cảm?

Tôi có thể dùng mẫu riêng không?

Định dạng đầu ra là gì?

Kỹ năng Claude Code có hoạt động với Claude CLI hay chỉ bản desktop?

Tôi có thể tạo slide bằng ngôn ngữ khác ngoài tiếng Anh không?

Kỹ năng OpenClaw khác gì Claude Code?

Bắt đầu xây dựng