AGENT SKILL 一日工作坊 · 階梯 10

套上你自己的版型,一句話出簡報

你有內容、有品牌規範,但每次做簡報都要重排版。這一梯教你把版型寫進 Skill,從此給它內容,它自動套出一份長得像你公司的簡報。

⏱ 約 35 分鐘 16:43 – 17:18 deck-maker skill HTML 翻頁簡報
這份簡報本身就是這樣做出來的。你現在看到的每一頁,都是 AI 套用版型規範自動生成的。等一下你也會做一個一樣的 Skill。

今天的終點

做完這梯,你帶走一個 skill跟一套方法論

學習目標

做一個 skill,給它一段內容,就自動生成一份套用「特定版型」的 HTML 翻頁簡報。不用每次重排版,不用調字型、顏色、間距。

帶走的東西

一個 deck-maker skill,以及「怎麼讓 AI 套你的品牌版型」的完整方法。客戶提案、月報、內容企劃,全部適用。

為什麼選 HTML 翻頁簡報?瀏覽器打開就能放,跨平台最穩。Windows、Mac、iPad 全部可以。不用裝 PowerPoint,不用買軟體,AI 產完你直接打開就是成品。

第一段 · 12 分鐘

先不管版型,讓 AI 把文章拆成簡報骨架

把你的文章或報告貼給 Claude Code,說這一句話:

# 貼上你的文章,或用階梯 9 剛剛寫好的那篇 這是一篇文章([貼上內容])。 幫我整理成一份 6 頁的簡報大綱: 每頁一個標題 + 三個重點, 然後產出一個 HTML 翻頁簡報 (單一 index.html,我用瀏覽器打開就能放)。
30 秒之後你會看到什麼?AI 先把長內容切成「一頁一個重點」的投影片邏輯,這是最花時間的一步。它幫你想好了,你只要確認要不要調整。
內容來源
文章、報告、會議紀錄、讀書筆記,任何純文字都行
產出格式
單一 index.html,直接用瀏覽器打開就能播放
下一步
確認大綱骨架後,第二段再疊加你的品牌版型

產出流程

從文章到可放投影片,AI 做了這三件事

1

拆結構

分析內容主軸,切出 6 個頁面邏輯。每頁一個核心概念,不重複、不遺漏。

2

寫大綱

每頁產出一個標題加三個重點,讓你先確認方向對不對,再進入排版。

3

產 HTML

輸出單一 index.html,瀏覽器打開按方向鍵就能翻頁放映。

教學重點:最花時間的那一步不是視覺,是把長文切成「一頁一個重點」的邏輯。AI 幫你做完這步,剩下的只是調整和美化。

第二段 · 20 分鐘

「版型」=給 AI 看的視覺規範,寫進 references 就會套

品牌色

主色色碼、輔助色、背景色。告訴 AI 你的品牌用什麼顏色,它就不會亂配色。例如:主色 #1a3a5c、強調色 #e8841a

字型規範

標題用什麼字型、內文用什麼字型。要指定支援中文的字型,否則中文字可能跑掉。例如:標題 Noto Serif TC、內文 Noto Sans TC。

頁面版式

封面頁、內容頁、結尾頁各長什麼樣。Logo 在哪個角落、標題靠左還是置中、下方要不要頁碼。這些都可以用文字描述。

關鍵洞察:版型就是一組「產出紀律」。你把這組紀律寫進 skill 的 references,AI 每次產簡報都會照著套。跟風格 skill 是一對:一個管文字口吻,一個管視覺版型。

實作:說這一段話

一段指令,建出可重複用的 deck-maker skill

# 對 Claude Code 說這段話 幫我做一個 skill 叫 deck-maker,固定產出 HTML 翻頁簡報。 references 放: ① 版型規範(主色色碼、標題與內文字型、 封面 / 內頁 / 結尾頁版面、logo 位置) ② 一個 template.html 當骨架 ③ 一份 sample 輸入與它該長出來的樣子。 description:當我說「做成簡報」「生成 deck」時觸發。 以後我給內容,它就套這個版型產 HTML 簡報。
📄
版型母版
色碼 / 字型 / 版式
🛠
deck-maker skill
references 存好規範
🖥
一句話出簡報
「做成簡報」就觸發
Skill 建好之後就不用重說:版型規範只要寫一次,AI 每次收到「做成簡報」就自動讀取 references 套版,不需要每次重新描述你的品牌色或字型。

遇到這些不用慌

四個常見卡點,各有一個最快解法

1
沒有現成版型
先用課前發的 deck_template.html 跑通,品牌細節之後再補進 references。先動起來,再慢慢疊。
2
想要 .pptx 檔
套公司母片比 HTML 難很多。先把 HTML 版跑通再說,確定內容對了,再用 python-pptx 進階。不要一開始就追 pptx。
3
中文字型跑掉
在版型規範裡指定支援中文的字型,例如 Noto Sans TC 或 Noto Serif TC。AI 會把 Google Fonts 的 link 加進去。
4
想在簡報裡放圖表
告訴 AI 把數據用 HTML + CSS 畫成視覺化圖表插進投影片,不需要另外匯出圖片再貼上。這是進階玩法。

今天的最後一梯

你現在看的這份簡報,就是 deck-maker 的成品

行銷端 · 今天帶走這個

把一篇你常做的月報或企劃,丟進 Claude Code,說「做成簡報」,看它生出來的骨架。確認邏輯對了,你就達標了。

技術門檻:零。你要做的就是把內容貼進去、說那句話。

技術端 · 今天帶走這個

套完整品牌版型:主色、字型、三種頁面版式全部進 references。加圖表。把 deck-maker skill 發布給整個團隊共用。

進階:用 python-pptx 把 HTML 版轉成可套公司母片的 .pptx。

這份簡報本身就是這樣做出來的。我把版型規範寫進 Skill,說「做成簡報」,AI 套出來,我再微調。這就是你今天學會的那一件事。從明天開始,每次做簡報都可以這樣。