Ryan Sarver 在 Inkef 用 Claude Code 加 HTML 取代 Google Slides,做完八份募資 deck。本文拆解他的 Stella Decks 工作流:為什麼 format change 才是真正的槓桿。
⭐ 文章深度讀:拆解 Sarver 的四個檔案分工與 iteration 節奏,附可以搬到任何 Claude Code 專案的分離原則
→ https://heymaibao.com/claude-code-html-google-slides/
⚡ 章節重點
AI 撞上的那堵看不見的牆 00:00
Inkef 八份 deck 沒打開過 Google Slides 01:03
為什麼 format change 才是真正的槓桿 01:27
四個檔案讓 Claude 從工具變合作者 03:23
iteration 從小時到分鐘,敢試的事變多 04:32
把分離原則搬到你自己的工作流 05:47
📝 懶人包
∙ 多數 deck 鎖在 Google Slides、PowerPoint、Keynote 這類專有格式裡,LLM 沒辦法程式化操作。Sarver 把 slide 改寫成 HTML 跟 CSS 後,deck 就變成「用 code 承載敘事的 visual artifact」,這是讓 Claude Code 能真的介入的前提,不是風格選擇。
∙ 真正讓 Claude 從工具變合作者的,是 CLAUDE.md 教系統怎麼運作、DESIGN.md 教這個專案的品味、BRIEF.md 教這份 deck 的敘事意圖、manifest.json 控制 slide 順序,這四個檔案分屬不同職責,Claude 在動任何一頁前都會先讀過。
∙ iteration 從幾小時掉到幾分鐘之後,Sarver 改變的不只是速度,是他「願意嘗試什麼」。試一個完全不同的開頭從一整個下午的豪賭,變成開個 branch 加五分鐘對話。
∙ Sarver 在 Inkef 用同一套 design system 做完八份 deck,從 fundraise teaser 到客製給特定投資人的版本都是這套系統產出的。這代表 Claude Code 真正吃下的不只是單頁設計,是整條 deck 產線的一致性與重用。
📚 參考資料
Ryan Sarver - How I replaced Google Slides with Claude Code, HTML/CSS and git
→ https://x.com/rsarver/status/2043988990584312187
Stella Decks
→ https://github.com/rsarver/stella-decks