# Notion HTML blocks 實操指令包

這份資源包是給 Notion HTML blocks 的起手包。

使用方式很簡單：先選一頁 Notion 文件，再選一個常被問的問題，最後把對應指令貼給 Notion Agent 改成你的內容。

## 兩種入口

### 入口一：空白頁打 `/html`

適合你已經知道要放一個 HTML block，或已經有 HTML 檔案。

基本路徑：

1. 在空白頁輸入 `/html`
2. 選「HTML・嵌入區塊」
3. 上傳 HTML 檔，或從 AI 建立開始

### 入口二：直接描述點子

適合你想讓 Notion Agent 先幫你產第一版。

描述時先講四件事：

1. 給誰用
2. 要完成什麼
3. 需要哪些輸入
4. 結果怎麼顯示

## 1. 新人報到任務卡

```text
請根據這頁新人報到 SOP，做一個可以放在 Notion HTML block 的互動任務卡。

目標使用者是新進同事。
請把內容拆成三段：
1. 工具申請
2. 資安提醒
3. 第一週任務

每段要有：
- 一句任務說明
- 1 到 2 題小測驗
- 完成後顯示下一步
- 答錯時告訴他要回頭看哪一段

畫面要乾淨、繁體中文、適合放在 Notion 頁面裡。
不要連外部服務，不要收集個資，不要使用外部圖片。
```

## 2. 學習頁互動閃卡

```text
請把這頁學習筆記變成互動閃卡。

目標是讓讀者看完後，可以用 5 分鐘自我測驗。
請根據頁面內容整理 8 張閃卡。

每張閃卡包含：
- 正面：一個問題
- 背面：簡短答案
- 相關段落：告訴讀者要回頭看哪一段

請加上一個進度條，讓使用者知道自己看完幾張。
所有文字使用繁體中文。
不要使用外部服務或外部圖片。
```

## 3. 客戶提案 ROI 計算器

```text
請把這頁客戶提案做成一個 ROI 計算器。

使用者需要輸入：
- 每月案件量
- 每件平均花費時間
- 每小時人力成本
- 預估節省比例
- 導入成本

請輸出：
- 每月節省時數
- 每月節省金額
- 預估回收期
- 一句適合放回提案的白話說明

畫面要適合業務或主管使用，繁體中文，欄位不要太多。
不要連外部服務，不要儲存輸入資料。
```

## 4. 會議行動項檢查器

```text
請根據這頁會議紀錄，做一個行動項檢查器。

請掃描頁面中的待辦事項，並整理成三類：
1. 已有負責人與期限
2. 缺負責人
3. 缺期限

請用清楚的卡片顯示數量與項目。
最後給一段「下一步建議」，提醒主持人先補哪幾件事。

所有文字使用繁體中文。
不要連外部服務，不要建立新的 Notion 資料庫。
```

## 5. 專案風險小診斷

```text
請把這頁專案首頁變成一個風險小診斷。

請根據頁面內容，讓使用者回答 5 個問題：
1. 時程是否清楚
2. 資料是否齊全
3. 決策者是否確認
4. 外部依賴是否有人負責
5. 驗收標準是否明確

請根據回答顯示低風險、中風險或高風險。
結果區要告訴使用者最該先補哪兩件事。

畫面要簡潔、繁體中文、適合放在 Notion 頁面上方。
```

## 6. 內訓教材互動小測驗

```text
請根據這頁內訓教材，做一個 6 題互動小測驗。

目標是讓讀者在看完教材後確認自己是否理解。

請每題包含：
- 一個問題
- 3 個選項
- 正確答案
- 答錯時回到哪一段

最後顯示總分、需要複習的主題，以及下一步建議。
所有文字使用繁體中文。
不要連外部服務，不要收集個資。
```

## 修改已生成 HTML block

第一版常常會太擠、太花或手機跑版。可以用這段修：

```text
請幫我修改剛剛生成的 HTML block。

保留原本功能，但做這些調整：
1. 手機寬度下不要跑版
2. 文字縮短，避免卡片太擠
3. 結果區要更清楚告訴使用者下一步
4. 移除不必要的裝飾
5. 所有文字維持繁體中文

請直接輸出更新後的 HTML block。
```

## 上線前 8 題檢查

1. 這個小工具是不是只解一個問題？
2. 使用者是不是不用看說明也知道怎麼開始？
3. 手機寬度下是否還看得懂？
4. 結果區有沒有告訴使用者下一步？
5. 答錯或輸入不完整時，有沒有清楚回饋？
6. 是否避開密碼、付款資料、客戶個資？
7. 是否沒有連到外部服務或未知來源？
8. 是否先在測試頁試過，再搬到正式頁？