Auto-PPT：把投影片變成 TSX 檔案，讓 AI 直接讀寫

Best For

適合已經使用 React 和 TypeScript 技術棧的開發者與 AI agent 使用者。如果你的工作流程中有 AI agent 負責產出或編輯投影片內容，Auto-PPT 提供了一個乾淨的介面：每張投影片就是一個 .tsx 檔案，agent 可以直接讀取和修改，完全不需要碰 GUI。

How I Actually Use It

我評估 Auto-PPT 的情境是讓 Claude Code 產出教學投影片。工作流程很直觀：啟動 Vite dev server，每份簡報放在各自的 slides/{ppt}/ 資料夾中。內建的 CLI 指令 pnpm ppt text 可以匯出所有投影片文字，讓 AI 不需截圖就能讀取內容。AI 直接編輯 .tsx 檔案來修改內容，而 SKILL.md 協議會告訴它什麼時候需要截圖確認（版面變更）、什麼時候不用（純文字修改）。

Annotated triple 模式（content / summary / rationale）是這個專案最有記憶點的設計。它強制 AI 記錄每次修改的理由，讓跨次編輯不會遺失脈絡。

我目前沒有在正式環境中部署它。以 29 顆星、17 個 commits、零 releases 的成熟度來說，我選擇持續追蹤而非依賴。

Where It Is Strong

• AI agent 可以用結構化的方式讀寫投影片，不需要 GUI 操作或截圖迴圈。
• SKILL.md 寫得夠完整，清楚定義 agent 何時需要截圖、何時可以跳過。
• 一個 repo 管理多份簡報，路由設計乾淨（/{ppt}/{slide}）。
• 固定 1920x1080 畫布搭配 Tailwind CSS 像素定位，對熟悉 Tailwind 的開發者非常直覺。
• PDF 匯出使用瀏覽器列印，文字保持向量格式（可搜尋），不需額外工具。

Where It Fails

• 仍處早期：29 顆星、0 releases、17 個 commits，API 隨時可能大幅變動。
• 沒有版本管理策略。SKILL.md 要求 agent 自行維護文件，人工成本不低。
• rationale 欄位依賴 agent 誠實填寫，沒有技術層面的強制機制；不夠嚴謹的 agent 只會產出雜訊。
• 不內建動畫支援，需要自行加入 CSS 或 Framer Motion。
• 產出是純網頁格式。如果協作對象需要 .pptx 檔案，你需要額外的轉換步驟。

Pricing, Difficulty, and Risk

Auto-PPT 是免費的開源專案，但 repo 中沒有明確標示授權條款，商業使用前需要確認。

上手難度為中等。你需要具備 React、TypeScript、Tailwind CSS 的基礎知識。如果已經在這個生態系中工作，幾分鐘就能跑起來；如果不是，學習曲線包含整個前端工具鏈。

資料風險低：這是純前端工具，沒有資料傳輸行為。供應鏈風險也低，因為依賴的都是主流套件（Vite、React、pnpm）。真正的風險在於穩定性，只有 17 個 commits 且沒有標記 release，未來出現破壞性變更的機率很高。

Verdict

Auto-PPT 的核心想法夠漂亮：把投影片當 React 元件處理，讓 AI agent 用它最擅長的方式操作。SKILL.md 做到了我在簡報工具中很少看到的 agent 整合水準。但專案目前太年輕，不適合掛進正式工作流。先放著追蹤，等 stars 過百或出第一個正式版本再重新評估。

Source

• GitHub: https://github.com/Ame-X/Auto-PPT
• Live Demo: https://auto-ppt-demo.vercel.app