[tutorial] open-slide 使用教學

📌 介紹

使用 open-slide skill 讓 AI 幫你快速生出一份簡報

🚀 實際操作

Init Demo 簡報

1
npx @open-slide/cli init my-demo-slide

20260703192900

20260703193024

產生一份完整的 repo,包含啟動簡報的工具、Agent Skill、範例簡報等等

啟動簡報

1
2
cd my-demo-slide
npm run dev

20260703193221

20260703193256

經常使用到的 Skill

  • /create-slide: 用來新建或草擬 slide deck
  • /apply-comments: 用來處理 @slide-comment 標記

實際操作截圖

使用 /create-slide 產生簡報

20260703201640

需求問答(風格、頁數、效果等等)

20260703201711

20260703201906
20260703201821

20260703202157

第一版產出的簡報

20260703211455

在簡報上留下建議

20260703212008

  1. 在簡報上留下 Comment
  2. 在 terminal 上執行 /apply-comments,就會把根據 Comment 進行的修改

第二版產出的簡報

20260703220930

🔁 重點回顧

  1. 使用 npx @open-slide/cli init my-demo-slide 產生一份完整的簡報專案
  2. 使用 npm run dev 啟動簡報
  3. 使用 /create-slide 產生簡報
  4. 使用 /apply-comments 依據簡報上的 Comment 進行修改
  5. 目前 open-slide 仍在開發中,僅支援匯出成 pdf、html 以及圖片

🔗 參考資料

作者

Hsiang-Jen Li

發表於

2026-07-03

更新於

2026-07-03

許可協議