MIKE CHENG
訂閱

單元 04　讓 AI 寫出網頁簡報（open-slide）

這個單元學什麼：把單元 03 的 8 頁腳本交給能寫程式的 AI 助手，用 open-slide 做成一份可以在瀏覽器播放、可以做成網頁分享的簡報，你負責內容與檢查。

你需要準備什麼

  • 單元 03 寫好的 8 頁簡報腳本。
  • 一台 Mac 或 Windows 電腦，裝好 Node.js（到 nodejs.org 下載）。open-slide 要求 Node.js 20.19 以上，或 22.12 以上。
  • 一個能直接讀寫你電腦裡檔案的 AI 助手，例如 Claude Code 或 Codex。網頁版聊天視窗只能把程式碼丟給你自己貼，不建議。各家工具的費用與使用資格請看官方頁面。
  • 願意打開終端機（Windows 叫命令提示字元）打三行指令。

先想清楚：這個工具適不適合你

open-slide 是開源免費的簡報框架，每一頁簡報都是一個程式檔。你不用會寫程式，但要接受三個門檻：要裝 Node.js、要用終端機打指令、要有一個能改檔案的 AI 助手。

划算的情況：簡報要反覆改版、保留每版紀錄；想把簡報做成一個網址讓人用瀏覽器看；想要演講者模式（備忘稿、下一頁預覽、計時器）。如果你要交一份 PowerPoint 讓別人繼續改，先看下方常見問題。

步驟

  1. 安裝 Node.js，裝完把終端機關掉重開，輸入 node -v，看到版本號就代表成功。
  2. 在終端機貼上下方「建立工作區」三行指令。它會建一個 my-deck 資料夾、裝好套件，再給你一個網址（通常是 http://localhost:5173），用瀏覽器打開會看到官方示範簡報。
  3. 讓 AI 助手在 my-deck 這個資料夾裡啟動。資料夾裡附了教 AI 做簡報的說明檔，AI 要在這裡面才讀得到。用 Claude Code 或 Codex 的話，也可以在瀏覽器頁面按 A 鍵打開內建的 Agent 面板，它會沿用你已登入的帳號。
  4. 貼上「產生簡報」範本，連同你的 8 頁腳本。AI 可能會先問你風格、頁數、文字多寡、要不要動畫，照實回答。
  5. AI 寫完，瀏覽器會自動更新，逐頁檢查。
  6. 要改哪裡，點那個元素，選 Comment 寫下修改意見，存檔後請 AI 執行 /apply-comments；文字、顏色、字級也可以直接在檢視器面板改。
  7. 播放：按 F 進全螢幕，按 P 開演講者視窗，Esc 離開。
  8. 分享：從工具列的 Export 選單匯出 HTML、PDF 或 PPTX 簡報檔；要做成網站，跑「打包」指令，把產生的 dist 資料夾放到任何靜態網站主機。

〔截圖：瀏覽器打開 http://localhost:5173 後看到的簡報列表與示範簡報〕

〔截圖：點選標題後選 Comment、輸入修改意見的畫面〕

〔截圖：工具列 Export 選單，標出 HTML、PDF、PPTX 選項〕

〔需 Mike 補：你第一次從安裝到看見示範簡報，花了多久、在哪一步卡住〕

可複製的指令範本

建立工作區（終端機）

npx @open-slide/cli init my-deck
cd my-deck
npm run dev

不想自己打指令，交給 AI 助手（官方提供的英文原句）

Set up an open-slide workspace with `npx @open-slide/cli init`. Install the dependencies, start the dev server, and tell me the local URL when it is ready.

意思是：幫我建立 open-slide 工作區、裝好套件、啟動預覽，好了告訴我網址。

產生簡報（在 my-deck 資料夾裡對 AI 說）

/create-slide 請依照以下腳本製作 8 頁簡報，每頁照腳本的標題與重點，不要自行增減頁數，也不要改動數字。
語言：繁體中文（台灣用語）。風格：簡潔、商務、留白多、淺色背景。文字量：每頁 3 點以內。動畫：不要。
【貼上 8 頁腳本】

修改單頁

我現在看的這一頁，把重點縮成三點，每點不超過 15 個字，保留原本的意思。

打包成網站（終端機，在 my-deck 資料夾裡）

npm run build
npm run preview

常見問題／注意事項

  • 能匯出成 PowerPoint 嗎？ 可以，Export 選單能匯出 PPTX 簡報檔。至於匯出後能編輯到什麼程度，官方兩份文件的說法不一致，建議匯出後自己用 PowerPoint 打開，確認文字和圖形能不能直接改，再決定要不要交給別人接手。
  • PDF 匯出沒反應？ 官方註明 Safari 不支援 PDF 匯出，換 Chrome 或 Edge。
  • AI 說它不認得 /create-slide？ 多半是 AI 助手不是在 my-deck 資料夾裡啟動的，關掉從那個資料夾重開。
  • 終端機說找不到 npx？ Node.js 沒裝好，或裝完沒重開終端機。
  • AI 會改掉我的內容嗎？ 可能會改寫句子或補數字，每頁都要對回原稿。

最後更新：2026-10

回到新手入門列表