用 Claude Code 做科技風 PPT：為什麼一定要配合 Skill
過去做 PPT，很多時間花在「把內容擺好看」上。標題怎麼壓，圖片放哪裡，資料頁怎麼不亂，封面怎麼有一點科技感，每一步都像在和版式較勁。
直接讓 Claude Code 裸跑當然也能生成 PPT。問題在於，它很容易把「科技風」理解成漸層、發光、玻璃擬態、隨機色塊和一堆看起來很努力的裝飾。第一眼可能有點熱鬧，真正拿去演示時，經常會發現標題不穩、層級混亂、頁面風格不統一，幾乎沒法直接用。
Skill 的價值就在這裡。它提前鎖住風格、版式、圖片槽位、字號層級和導出格式，讓 Claude Code 少一點隨機發揮，多一點穩定交付。你得到的結果不再是「AI 嘗試做了幾頁」，而是一份更接近可直接演示、可截圖、可延展的 PPT 資產。
這篇文章用 Guizang PPT Skill 做主例子。它適合把文章、Markdown、分享提綱變成單文件 HTML 橫向翻頁 PPT，也能繼續延展公眾號頭圖、小紅書封面和分享卡。先看一張用它的瑞士風方向做出來的封面效果。
這張示例圖走的是 Guizang 的 Style B 瑞士國際主義方向。深色畫布、嚴格網格、髮絲線、直角、單一高飽和錨點色，會讓 AI 工具、產品發布、資料複盤、技術分享這類主題顯得更乾淨。關鍵不在「做得更花」，而在它知道哪些東西不能亂來。
為什麼這套 Skill 最近這麼火
Guizang PPT Skill 的火，來自一個很明確的需求：大家已經不滿足於讓 AI 生成一堆普通模板頁了。真正需要的是一套穩定的視覺規則，讓 Agent 知道什麼叫「雜誌風」，什麼叫「瑞士風」，什麼頁面該用大標題，什麼頁面該用流程圖，什麼內容只能放進圖片槽位裡。
到 2026-06-05，Guizang PPT Skill 已經有 15k stars、1.1k forks。歸藏關於 PPT Skill 大更新的長文，也拿到了 1276 讚、272 轉發、47 條評論、2057 收藏、約 22.4 萬閱讀。這個數據很能說明問題。真正讓人保存和轉發的，是「AI 能做 PPT」背後那套能穩定復用的美學系統和導出方案。
Guizang 的兩套風格可以這樣理解。第一種是 Style A 電子雜誌風，適合個人表達、觀點分享、敘事型演講。它像一本會翻頁的數位雜誌，畫面更有作者氣質。
第二張是 Style B 瑞士國際主義，適合事實、產品、分析、方法論表達。它更克制，重心放在網格、字號、數字、流程和留白上。科技風 PPT 可以直接從這個方向開始。
這也是我建議用 Guizang 做入門例子的原因。它提供的不只是模板，還把美學邊界和交付邊界都寫清楚了。Claude Code 按這些邊界生成，結果會更像可用的 PPT，少一點裸跑時的放飛。
關鍵差別：先鎖規則，再生成
Claude Code 做 PPT，最穩的方式是先安裝 Skill，再把主題和資料交給它，讓它按照 Skill 裡的視覺系統抽頁面節奏。接著生成 HTML Deck，進入瀏覽器預覽，一頁一頁看。最後按反饋修改，並延展封面、分享圖或導出文件。
這個順序很重要。裸用 Claude Code 時，Agent 會自己猜版式、猜配色、猜動效。猜得越多，畫面越容易失控。Guizang 的價值，是把這些選擇提前收窄：Style A 用於敘事，Style B 用於事實和方法論，圖片進入固定槽位，瑞士風使用鎖定版式，最後以單文件 HTML 交付。
第一步：先裝好 Guizang
在 Claude Code 裡可以直接用安裝命令。
npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill也可以把這段話直接發給 Claude Code。
幫我安裝 guizang-ppt-skill。
請把 https://github.com/op7418/guizang-ppt-skill 克隆到 ~/.claude/skills/guizang-ppt-skill。
安裝完成後檢查 SKILL.md、assets/、references/ 是否存在。
已經裝過，可以讓它更新一次。
幫我更新 guizang-ppt-skill。
請進入 ~/.claude/skills/guizang-ppt-skill 執行 git pull。
完成後告訴我當前最新 commit。裝完後重啟 Claude Code。然後先用一個很小的主題試跑，比如「幫我做一份 3 頁瑞士風 PPT」。這一步主要用於確認 Claude Code 能找到這個 Skill。
第二步：把主題交給 Claude Code，不要急著要成品
Guizang 很適合處理長文章、Markdown、演講提綱、產品文檔。你可以把材料貼給 Claude Code，讓它先拆內容。
請使用 guizang-ppt-skill，把下面主題做成一份科技風 PPT。
主題：[填寫主題]
目標讀者：[填寫讀者]
使用場景：[線下分享 / 產品發布 / Demo Day / 內部匯報 / 課程演講]
頁數：[填寫頁數，例如 7 頁]
演講時長：[填寫時長，例如 8 分鐘]
已有素材：[貼上文章、筆記、資料、產品截圖、連結或 Markdown]
硬約束：
中文必須清楚可讀
每頁只表達一個核心信息
不要堆滿文字
不要使用藍紫漸層做主要視覺
需要瀏覽器預覽這裡最有用的地方，是 Claude Code 對內容的第一次抽取。它會告訴你哪些內容適合做封面，哪些適合做資料頁，哪些適合做方法論頁，哪些應該刪掉。
第三步：先看頁面節奏，再生成 HTML
科技風 PPT 最怕「每頁都像封面」。好的演示稿需要節奏：封面抓人，問題頁收緊，方法頁展開，資料頁給證據，結尾頁收束。所以在生成前，先讓 Claude Code 給頁面節奏。
這份 PPT 請使用 Guizang 的 Style B 瑞士國際主義。
視覺方向：深色畫布 / 嚴格網格 / 直角塊面 / 1px 髮絲線 / 單一高飽和錨點色 / 大標題強對比 / 正文信息克制
主題色：優先使用檸檬綠或安全橙作為錨點色。
頁面氣質：科技產品發布 / AI 工具演示 / 資料複盤 / 方法論分享
請先給我頁面節奏表。確認後再生成完整 HTML。當頁面節奏確認後，再讓它生成 HTML Deck。
頁面節奏確認。
請繼續使用 guizang-ppt-skill 生成完整 HTML Deck。
要求：控制在 7 頁左右 / 使用 Style B 瑞士國際主義 / 每頁只保留一個核心觀點 / 標題要短 / 正文不要超過三行 / 需要 2 到 3 張配圖位置 / 沒有真實圖片時先用結構化圖形或佔位版式 / 生成後告訴我 HTML 文件路徑Guizang 的核心交付是單文件 HTML。它不需要伺服器，也不需要構建。生成後直接用瀏覽器打開，就能橫向翻頁演示。
第四步：瀏覽器預覽才是關鍵
預覽時不要只看封面。每一頁都要檢查標題有沒有壓出邊界，正文是不是太密，圖片槽位有沒有對齊，翻頁組件有沒有擋住內容。科技風 PPT 的高級感，很多時候來自「沒有出錯」。
請打開生成的 HTML Deck 做瀏覽器預覽。
逐頁檢查：標題是否溢出 / 正文是否過密 / 圖片槽位是否對齊 / 頁腳和翻頁組件是否遮擋內容 / 錨點色是否過多 / 移動端或小窗口是否還能看清
請把需要修改的頁面列出來。Guizang 的瑞士風還有校驗腳本。它會檢查一些常見版式錯誤，比如標題居中、圖片脫離槽位、文字塞進 SVG、頁面結構不符合鎖定版式。
node scripts/validate-swiss-deck.mjs path/to/index.html校驗只是底線。真正的判斷還是要回到瀏覽器裡看。PPT 是給人看的，腳本只能幫你攔住一部分低級問題。
第五步：像改設計稿一樣改 PPT
第一版出來後，不要只說「再高級一點」。Claude Code 更適合接收具體反饋。比如哪一頁太密，哪一頁數字太小，哪一頁圖片槽位太空，哪一頁標題不夠鋒利。
請基於當前 HTML Deck 修改。
需要保留：整體深色瑞士風 / 檸檬綠錨點色 / 封面的標題結構 / 第 3 頁的方法論流程
需要修改：第 2 頁正文太密 / 第 4 頁數字不夠突出 / 第 5 頁圖片槽位太空 / 結尾頁行動建議不夠清楚
修改要求：先修版式結構 / 再調整字號和間距 / 不要新增複雜裝飾 / 不要更換整體風格 / 修改後重新預覽一輪只改一個層面。先結構，再文字，再視覺，再動效。這樣 Claude Code 不容易在修改中把原本好的地方一起改壞。
第六步：從 PPT 延展出封面和分享圖
Guizang 的另一點價值，是它把 PPT 和社交媒體圖片放進了同一套視覺系統。你做完一份演示稿後，可以繼續從裡面抽出公眾號頭圖、1:1 分享卡、小紅書封面、視頻號橫版封面。
PPT 裡最強的一頁，往往就能繼續做封面。你不用重新想一套視覺。沿用同一套網格、色彩和標題層級，傳播圖會更統一。
請基於剛才這份 PPT 的核心觀點，繼續用 guizang-ppt-skill 生成配套封面。
需要生成：公眾號 21:9 頭圖 / 公眾號 1:1 分享卡 / 小紅書 3:4 封面
視覺規則：沿用 Style B 瑞士國際主義 / 沿用當前錨點色 / 標題優先 / 保留科技風網格和髮絲線 / 不要添加平台 logo / 不要添加多餘口號
請先給我 2 個封面方向。確認後再生成完整版本。這也是 HTML Deck 的好處。它本來就在瀏覽器裡，截圖、改尺寸、延展成封面都很自然。
一段可以直接複製的完整提示詞
如果你想從零跑通，可以把下面這段發給 Claude Code。
請使用 guizang-ppt-skill，幫我製作一份科技風 PPT。
主題：[填寫主題]
目標讀者：[填寫讀者]
使用場景：[填寫場景]
頁數：7 頁左右
風格：Guizang Style B 瑞士國際主義
視覺要求：深色畫布 / 嚴格網格 / 直角塊面 / 1px 髮絲線 / 單一高飽和錨點色 / 大標題強對比 / 正文信息克制 / 不要藍紫漸層 / 不要無功能裝飾
內容要求：先抽取核心觀點 / 先給頁面節奏表 / 我確認後再生成 HTML Deck / 每頁只表達一個核心信息 / 需要 2 到 3 張配圖位置 / 沒有真實圖片時使用結構化圖形
生成要求：生成單文件 HTML 橫向翻頁 PPT / 告訴我文件路徑 / 打開瀏覽器預覽 / 逐頁檢查文字溢出、信息密度、圖片槽位和翻頁組件遮擋 / 如有問題，先修版式，再修細節
延展要求：PPT 完成後，基於同一套視覺規則生成公眾號 21:9 頭圖、1:1 分享卡和小紅書 3:4 封面。這段提示詞的核心，是讓 Claude Code 先進入 Skill 的規則，再開始生成。規則越清楚，成品越接近可直接演示的 PPT。
什麼時候換別的 Skill
很多人會問，既然 Guizang 已經能做 PPT、配圖和封面，其他 Skill 還要不要看。要看。因為這些 Skill 解決的不是同一個問題。
Guizang 更像內容創作者的網頁 PPT 系統。Frontend Slides 更像網頁演示稿生成器。Huashu Design 更像一套綜合設計工作台。gpt-image2-ppt-skills 更像高美學圖片型 PPT 生成器。它們都能幫 Claude Code 做 PPT，但美學方向、可編輯性和導出格式差別很大。
公開演講、文章轉 PPT、線下分享：優先用 Guizang
如果你要做一場有個人風格的公開分享，或者把長文章改成 6 到 10 頁演講稿，Guizang 是最直接的選擇。到 2026-06-05，它有 15k stars、1.1k forks；大更新長文也有 1276 讚、272 轉發、2057 收藏、約 22.4 萬閱讀。導出核心是單文件 HTML，適合瀏覽器演示和延展封面。
舊 PPT 轉網頁演示、發一個可訪問連結：用 Frontend Slides
Frontend Slides 定位更偏網頁演示稿。到 2026-06-05，它有 20.3k stars、1.7k forks，是社區熱度最高的項目。它有 safe presets，也接入了 Bold Template Pack，風格更開放。提供 Vercel 部署腳本和 PDF 導出腳本。
PPT 只是其中一環，還要原型、動畫、信息圖：用 Huashu Design
Huashu Design 範圍更大，做的是 HTML-native 設計工作流。到 2026-06-05，它有 16.2k stars、2.1k forks，fork 數最高。適合品牌發布、App 原型、產品故事、功能解釋和動效展示。動畫可導 MP4/GIF，信息圖可導 PDF/PNG/SVG。
追求強視覺衝擊、模板仿製、整頁海報感：用 gpt-image2-ppt-skills
gpt-image2-ppt-skills 走圖片生成路線，把每一頁都當成完整視覺稿生成。內置 10 套精選風格，支持模板克隆。到 2026-06-05 有 854 stars、44 forks。核心導出是每頁 PNG 高清原圖加 16:9 .pptx。
選 Skill 之前先問自己：最後你要交付什麼格式。瀏覽器演示用 Guizang 或 Frontend Slides；要 PPTX 且保留文本框用 Huashu；要圖片型高完成度視覺稿用 gpt-image2-ppt-skills；文章變演講和封面套件，Guizang 是最穩的起點。
最後
Claude Code 做 PPT 的關鍵，不只是能不能生成頁面。真正影響成品質量的，是它有沒有一套足夠明確的設計邊界。
Guizang PPT Skill 給了一個很好的樣本。它把 PPT 做成 HTML，把美學寫進規則，把封面和配圖也放進同一條鏈路。對內容創作者來說，這意味著一篇文章可以變成演講稿，變成封面，變成信息圖，變成一組能發布的視覺資產。
Claude Code 負責生成和修改，Skill 負責鎖住美學邊界和導出方式，人負責判斷哪一頁真正講清楚了。