DAY 171 · 2026-06-20

open-slide 讓 agent 幫你寫簡報

SLIDES · 6
Day 171 open-slide 讓 agent 幫你寫簡報 — 投影片 1Day 171 open-slide 讓 agent 幫你寫簡報 — 投影片 2Day 171 open-slide 讓 agent 幫你寫簡報 — 投影片 3Day 171 open-slide 讓 agent 幫你寫簡報 — 投影片 4Day 171 open-slide 讓 agent 幫你寫簡報 — 投影片 5Day 171 open-slide 讓 agent 幫你寫簡報 — 投影片 6
1 / 6

叫 AI 幫你做簡報,通常的下場是這樣:它丟一個 .pptx 給你,版面歪一邊、字級忽大忽小,你想改一行字還得自己打開 PowerPoint 慢慢喬。GitHub 上有個叫 open-slide 的開源專案換了個想法——簡報不是一個檔案,是程式碼,讓你平常在用的 coding agent 直接幫你寫。

我自己每天都在跟 coding agent 工作,看到有人把"做簡報"整個塞進 agent 的工作流,覺得這個方向是對的。這篇分享三件事:open-slide 到底在解什麼問題、怎麼三行指令開起來,還有它真正不一樣的地方——改簡報的方式變成"跟 agent 講話"。

沒在用 coding agent 的人也能看——把它當成"agent 現在能做到什麼"的一個例子。

它到底在解什麼問題

市面上那些"AI 一鍵生簡報"的工具,給你的是一個做好的靜態檔案。好看歸好看,問題是改不動:想調一個段落得重生一次,版本控制沒有,最後還是回去手動喬。

open-slide 的賭注不一樣:每一頁簡報就是一個 React component(一個 .tsx 檔)。agent 負責寫這頁的 React,框架負責那些煩人的底層——固定 1920 × 1080 的畫布、自動縮放、翻頁、hot reload、簡報模式、匯出,全部包好。所以 agent 只要顧內容跟版面,不用從零搭一套 React、Vite、匯出邏輯。

對我們這種人來說,重點是:簡報變成一份會跑、能改、能進 git 的程式碼,住在你自己的 repo 裡,不是一個改不動的 .pptx。

怎麼開始,就三行

npx @open-slide/cli init my-slide
cd my-slide
pnpm dev

需要 Node 跟 pnpm。跑起來會開一個本地開發伺服器,接下來兩條路:要嘛自己編輯 slides/<id>/index.tsx,要嘛直接叫 agent 用內建的 /create-slide 幫你起一份。

/create-slide 會先問你幾個問題——主題、想要的風格、大概幾頁、文字多還是少、要不要動畫——然後把整份 deck 一頁一頁寫出來。等於你描述想要的簡報,agent 把它變成可以播、可以改的東西。

一頁簡報就是一個 React 檔

開出來的專案裡,已經幫 Claude Code 配好了幾個 agent 技能:/create-slide/slide-authoring/apply-comments

其中 /slide-authoring 是給 agent 看的技術規範——畫布尺寸、字級階層、配色、排版規則都寫在裡面。有這層,agent 寫出來的每一頁才不會風格各走各的。

因為每頁就是一個 .tsx 檔,不是被某個模板綁死的 DSL,所以你要塞什麼進去都行:自訂元件、圖表、動畫,能用 React 寫的都能放。

改簡報像在跟人講話

這個設計滿聰明的:open-slide 在開發畫面上,做了一個直接在瀏覽器裡標註的功能。你點一下畫面上某個元素,留一句話——"這裡改紅色""標題縮小一點""這行字改成 Open Slide Rocks"。

這些留言會以 @slide-comment 標記存進原始碼,然後你叫 agent 跑 /apply-comments,它把你的話讀進去、改好 code、清掉標記。

換句話說,你不用會 React 也能改簡報:你負責出一張嘴、指著畫面講要改哪裡,agent 負責回去動 code。這比"自己打開檔案找那行 CSS"直覺太多。

做完之後:匯出、上台、部署

一份簡報做完,open-slide 給你三個出口:

  • 匯出成自己包好的靜態 HTML 網站,或可以直接印的 PDF。
  • 上台用的簡報模式:全螢幕、鍵盤翻頁、看得到下一頁預覽、講者備忘稿、還有計時器——是真的照"站上台報告"設計的,不只是瀏覽器開個分頁。
  • 靜態 HTML 可以一鍵丟上 Vercel、Cloudflare Pages、Netlify、Zeabur,不用自己養伺服器。

適合誰、不適合誰

適合:

  • 已經每天在用 Claude Code、Codex 或 Cursor 的人。open-slide 等於把簡報塞進你本來就熟的 agent 工作流,要多學的東西很少。
  • 做技術型簡報的人——架構解說、產品 demo、roadmap、工程分享——特別吃這套。

不適合:

  • 完全不想碰 terminal、只想拖拉模板的人——這個還是得跑指令、進 repo。
  • 想要一頁十種轉場、花俏模板的人——它的底子是乾淨的 React,不是動畫工廠。

這專案還很新,但動得很快:五月初還不到兩千顆星,一個多月就衝到五千多,最近還在發新版。

做簡報這件事,以前是你打開軟體自己喬版面;open-slide 把它變成你本來就在做的事——出一張嘴,agent 改 code。

最近開始做免費的一對一諮詢,幫你把 AI 接進自己的工作流——有需要的話可以約:https://www.dawsonwang.com/


open-slide GitHub:https://github.com/1weiho/open-slide 官網:https://open-slide.dev

延伸閱讀
看完整 171 篇 →