五公里的距離

做簡報這件事，有一種很特定的痛苦。你腦子裡已經知道要說什麼，但接下來要花兩個小時在 PowerPoint 裡對齊方塊、調字體大小、挑顏色，最後做出來的東西還是看起來很普通。

open-slide 它是一個專門設計給 Claude Code（或 OpenAI Codex）的簡報框架，讓你用文字描述「我想做一份關於 X 的簡報」，AI 就直接幫你生出一套乾淨、可用的投影片。

「你負責想，它負責做。你只需要說清楚主題內容。」

它到底是什麼？

open-slide 是一個 Node.js 的 CLI 工具，安裝之後會在你的資料夾裡建立一個簡報工作區。這個工作區裡面已經預埋了給 Claude Code 和 Codex 用的技能檔（skills），告訴 AI 怎麼建立投影片、怎麼套格式、怎麼排版。每張投影片是一個 .tsx 元件，跑在固定 1920×1080 的畫布上，框架自動處理縮放。你看到的 demo 網站（demo.open-slide.dev）就是用這個生的。

換句話說：你不需要真的懂 React，不需要會設計，只要會說人話。

有什麼好處？

• ⚡ 速度快——從「我要做一份簡報」到第一版可以看的投影片，大概 5 分鐘以內。傳統方式光是開檔選範本就要這麼久。
• 🎨 版面乾淨——框架預設的排版邏輯是從 code 生出來的，不會有「手動拉物件」造成的對齊問題。輸出品質比一般人用 PowerPoint 隨手做的好很多。
• 🔄 修改超快——想換文字、換結構、加一張投影片？直接跟 Claude 說，它幫你改。不用點來點去找物件在哪裡。
• 🌐 可以直接在瀏覽器跑——做好的簡報可以 build 成網頁，直接發連結給對方看，不用寄 pptx 附件、不用擔心對方沒裝 Office。
• 🤖 Claude Code 跟 Codex 都支援——工作區裡面同時有 .claude/skills/ 和 .agents/skills/，兩個 AI 工具都能直接用，不用自己設定。
• 🆓 開源 MIT——完全免費，沒有訂閱費，沒有每月限制。你付的唯一費用是你自己的 Claude / OpenAI API 用量。

安裝步驟

前置需求：電腦裝了 Node.js（建議 v18 以上）跟 pnpm。沒裝 pnpm 的話先跑這行：

# 安裝 pnpm（已有可跳過）
npm install -g pnpm

Step 1：建立簡報工作區

把 my-slide 換成你想要的資料夾名稱：

npx @open-slide/cli init my-slide

Step 2：進入資料夾，安裝依賴

cd my-slide
pnpm install

Step 3：啟動開發伺服器

pnpm dev

瀏覽器會自動開啟，你會看到一個空的簡報首頁。

Step 4：在資料夾裡開啟 Claude Code，然後說：

幫我做一份介紹「AccuHit CDP 產品」的簡報
用繁體中文
大約 8 張投影片
風格：簡潔、商業、適合對企業客戶簡報用

它就會開始生投影片。通常幾十秒內第一版就出來了。

工作區裡有什麼？

跑完 init 之後，資料夾結構大概長這樣：

my-slide/
├── slides/               # 投影片放這裡
│   └── intro/
│       └── index.tsx     # 每份簡報是一個資料夾
├── .claude/
│   └── skills/           # Claude Code 的技能定義
│       ├── create-slide
│       └── apply-comments
├── .agents/
│   └── skills/           # Codex 的技能定義
├── CLAUDE.md             # AI 的簡報撰寫指南
└── open-slide.config.ts  # 設定檔（可選）

CLAUDE.md 是關鍵：這個檔案告訴 AI 怎麼在這個框架裡寫投影片，所以你不需要自己教它規則，它看到這個資料夾就知道怎麼做。

幾個實用的後續操作

想調整或增加投影片

直接跟 Claude Code 說：「把第三張投影片的標題改成 XX」、「在最後面加一張 Q&A 頁」。它會直接修改對應的 .tsx 檔。

想輸出成靜態網頁

pnpm build

build 完的檔案可以直接部署到 Vercel、GitHub Pages，或是丟給客戶一個可以在瀏覽器看的連結。

想預覽 build 後的版本

pnpm preview

誰適合用？

老實說，這個工具最適合的是「簡報要做但不想花時間在做簡報這件事上」的人。幾個具體場景：

• BD 要去客戶那邊提案，需要快速生一份產品介紹
• 要做內部週會的更新報告，不想花一小時排版
• 想做一份 demo slide 給潛在合作夥伴看，今天就要
• 設計師已經定好品牌風格，想讓 AI 套用生成多份不同主題的簡報

如果你的簡報需要非常精細的品牌設計控制、或是公司有嚴格的 pptx 範本規範，這個工具可能還不是最終解答。但作為「快速出第一版」的工具，它目前很難被取代。

花在「做簡報」上的時間，應該要等於零。你的時間應該花在想清楚要說什麼上。

先裝起來試試看。Demo 在 demo.open-slide.dev，npm 套件是 @open-slide/cli，MIT 授權，免費可以使用，你也可以在Codex上安裝，或者同一個結構使用，很推薦。