在 Notion 打 /html 之後：HTML blocks 實操指令包
Notion 的 HTML blocks，最適合先拿一頁來試。
昨天那篇我整理了 Notion 3.6 的更新，特別是 HTML blocks 可以把 SOP、提案、會議頁變成小工具。這一篇就不再重講 release，而是把操作入口和指令拆開來。
你可以先記一個原則：
選一頁，放一個工具，解一個常被問的問題。
兩種入口：/html 或 AI 建立
第一個入口很直接。
在 Notion 空白頁輸入 `/html`，選「HTML・嵌入區塊」。這個入口適合你已經有 HTML 檔，或知道自己要放一個互動區塊。
第二個入口是「使用 AI 建立」。
你可以從投影片、儀表板、報告、解釋工具、原型、遊戲這幾種類型開始，也可以直接描述你的點子。
對不寫程式的人來說，重點不是先懂 HTML。
重點是你要把需求講清楚：
- 這頁給誰用？
- 他要完成什麼？
- 需要輸入哪些資訊？
- 結果要怎麼顯示？
- 錯誤或答錯時，下一步是什麼？
這幾件事講清楚，Notion Agent 產出來的小工具才比較像真的能用。
例子一：新人報到頁變任務卡
很多新人 SOP 不是沒寫，而是讀完還是不確定自己有沒有做對。
如果每個新人都會問「工具申請完成了嗎」「資安那段要看到哪裡」「第一週還缺什麼」，那這頁很適合變成互動任務卡。
可以這樣跟 Notion Agent 說：
請根據這頁新人報到 SOP，做一個可以放在 Notion HTML block 的互動任務卡。
目標使用者是新進同事。
請把內容拆成三段：
1. 工具申請
2. 資安提醒
3. 第一週任務
每段要有：
- 一句任務說明
- 1 到 2 題小測驗
- 完成後顯示下一步
- 答錯時告訴他要回頭看哪一段
畫面要乾淨、繁體中文、適合放在 Notion 頁面裡。
不要連外部服務，不要收集個資，不要使用外部圖片。這種頁面很適合當第一個實驗，因為它通常低風險、低敏感，結果也容易驗證。
例子二：學習頁變互動閃卡
學習頁、內訓頁、產品知識頁，常見問題是「資料整理得很好，但讀者到底有沒有吸收？」
你可以在頁尾放一組閃卡。
讀者看完內容後，用 5 分鐘測一次。答錯時不要只說錯了，直接告訴他要回頭看哪一段。
請把這頁學習筆記變成互動閃卡。
目標是讓讀者看完後，可以用 5 分鐘自我測驗。
請根據頁面內容整理 8 張閃卡。
每張閃卡包含：
- 正面：一個問題
- 背面：簡短答案
- 相關段落：告訴讀者要回頭看哪一段
請加上一個進度條，讓使用者知道自己看完幾張。
所有文字使用繁體中文。
不要使用外部服務或外部圖片。這比單純整理筆記更接近「我真的學會了嗎？」。
例子三：週會頁變檢查器
週會頁和會議紀錄也很適合。
你可以做一個行動項檢查器，幫忙標出哪件事缺負責人、哪件事缺期限、哪件事已經可以執行。
請根據這頁會議紀錄，做一個行動項檢查器。
請掃描頁面中的待辦事項，並整理成三類：
1. 已有負責人與期限
2. 缺負責人
3. 缺期限
請用清楚的卡片顯示數量與項目。
最後給一段「下一步建議」，提醒主持人先補哪幾件事。
所有文字使用繁體中文。
不要連外部服務，不要建立新的 Notion 資料庫。這種小工具的價值不在炫技，而是讓會議少掉一輪確認。
例子四：提案頁變 ROI 計算器
提案頁最常見的問題，是價值主張寫成文字後，讀者還是想知道「那對我大概是多少？」
如果這頁談的是節省時間、降低成本或提高產能，可以放一個簡單 ROI 計算器。
請把這頁客戶提案做成一個 ROI 計算器。
使用者需要輸入：
- 每月案件量
- 每件平均花費時間
- 每小時人力成本
- 預估節省比例
- 導入成本
請輸出：
- 每月節省時數
- 每月節省金額
- 預估回收期
- 一句適合放回提案的白話說明
畫面要適合業務或主管使用，繁體中文，欄位不要太多。
不要連外部服務，不要儲存輸入資料。它會把抽象的「有效益」，變成對方自己的數字。
例子五：專案頁變風險小診斷
專案頁通常有時程、資料、決策者、驗收標準。只是這些資訊散在不同段落，團隊不一定會自己看出風險。
你可以在專案首頁放一個 5 題診斷：
請把這頁專案首頁變成一個風險小診斷。
請根據頁面內容，讓使用者回答 5 個問題：
1. 時程是否清楚
2. 資料是否齊全
3. 決策者是否確認
4. 外部依賴是否有人負責
5. 驗收標準是否明確
請根據回答顯示低風險、中風險或高風險。
結果區要告訴使用者最該先補哪兩件事。
畫面要簡潔、繁體中文、適合放在 Notion 頁面上方。這不取代 PM 的判斷，但可以讓大家更早看到「現在卡的不是執行，而是資料或決策」。
一個好用的指令，通常有四格
如果你不知道怎麼跟 Notion Agent 說，可以先照這四格寫：
請把這頁變成一個可以放在 Notion HTML block 的互動小工具。
使用者是：＿＿＿＿＿
他要完成的事情是：＿＿＿＿＿
需要輸入的資料是：＿＿＿＿＿
結果要顯示：＿＿＿＿＿
請使用繁體中文。
畫面要乾淨，適合放在 Notion 頁面裡。
不要連外部服務，不要收集個資，不要使用外部圖片。這比只說「幫我做一個互動頁」穩很多。
因為 AI 不是在猜你想要什麼，它是在根據你給的場景、輸入和判斷規則生成介面。
上線前先檢查 8 件事
HTML block 很適合小實驗，但不要一生成就丟到正式頁。
上線前先檢查這 8 件事：
- 這個小工具是不是只解一個問題？
- 使用者是不是不用看說明也知道怎麼開始？
- 手機寬度下是否還看得懂？
- 結果區有沒有告訴使用者下一步？
- 答錯或輸入不完整時，有沒有清楚回饋？
- 是否避開密碼、付款資料、客戶個資？
- 是否沒有連到外部服務或未知來源？
- 是否先在測試頁試過，再搬到正式頁？
第一個版本不用完美。
只要它能少掉一輪重複提問，就已經是值得留下的小工具。
Sources
- Notion release 2026-07-01: https://www.notion.com/releases/2026-07-01
- Notion AI product page: https://www.notion.com/product/ai
- Notion Help: Buy and track Notion credits for Custom Agents: https://www.notion.com/help/buy-and-track-notion-credits-for-custom-agents
