# AI 給你長文字看不完？換一句話就解 — 文字給 AI、網頁給人類

上週我問 AI 下季該專注哪三件事、它給三段文字、我滑到第三段第一段就忘了。不是 AI 講得不好、是給錯了形狀。這篇是我這週想清楚的事 — AI 為什麼預設給你文字、什麼情境該換網頁、過去網頁的缺點為什麼被 AI 淡化、加我自己用的三個對話接力動作。

上週四晚上我問 AI「你覺得我下季該專注哪三件事」。它回我三段文字、每段 200 字。

我滑到第三段、第一段已經忘了。

回頭滑、又把第二段忘了。

複製貼到 Notion 整理才發現 — **三段邏輯互相矛盾**。

那一刻我才意識到。

不是 AI 講得不好、是它給錯了形狀。

我要的從來不是更多字、是這三個選項可以**並排比較**的形狀。

---

### 趕時間版

- 問題：AI 預設給你大段文字、滑下去就忘第一段。不是內容不好、是形狀錯了
- 為什麼 AI 預設給文字：文字是 AI 自己讀寫的母語、跨對話載入最省事 — 文字適合 AI、不一定適合人類
- 網頁過去的缺點被 AI 淡化：以前做網頁要會寫程式碼、要會排版、修改慢。AI 寫之後、你只要會說「我想看的形狀」、十秒給你一個檔案打開就看到
- 形狀對照表：比較選項用並排卡片 / 規劃用時間軸 / 盤點用儀表板 / 學陌生主題用摺疊說明 / 把對話變開會材料用翻頁簡報。但純對話、創意發想、存檔給 AI 讀 — 還是文字
- 三個接力動作：(1) 講「情境 + 限制 + 形狀」三件套 (2) 改特定點記得加「其他保持」 (3) 要求網頁底部附這張網頁的生成提示、下次直接帶提示走
- 致敬：Anthropic 工程師 [Thariq Shihipar](https://x.com/trq212/status/2052811606032269638) 5/8 公開講同件事、做了工程師版範例。我做了一個繁體版放部落格、原文連結也在

---

### AI 給你大段文字、不是因為它不會其他形式

事情是這樣。

我這兩年每天用 AI 八成都做這三種事 —

- **比較**：三個軟體服務哪個 / 三個提案方向哪個 / 三戶房子哪戶
- **規劃**：下季活動怎麼推 / 季度計畫怎麼排 / 學習怎麼安排
- **盤點**：這週做了什麼 / 這個月卡哪 / 訂閱清單該砍誰

這三件事共通點 — AI 給我的東西**都是文字**。

不是 AI 不會做網頁、不是它沒能力。AI 完全會、而且很會。

是它**預設**給你文字。

為什麼？

![插畫：儀表板圖示，含圓餅圖、折線圖與彩色清單列](https://be-ai-curator.com/images/blog/ai-give-me-html-dashboard.png)

### 文字是 AI 自己讀寫的母語

理解這件事要回到 AI 的工作方式。

AI 跨對話載入背景、做向量檢索、把上次討論的東西餵到下一個模型 — 這些工程任務、文字格式最省事。

文字一行一行、好分塊、好做嵌入、好搜尋。AI 在背後處理的時候、文字是它最舒服的形態。

所以當你問問題、AI 預設用它最熟的形態回你 — 文字。

但你**不是 AI**。

我們大腦處理畫面跟文字、效率差很多倍 — 這不是直覺、是有研究的：

- **MIT Mary Potter 2014 研究**（[Attention, Perception, & Psychophysics](https://pubmed.ncbi.nlm.nih.gov/24374558/)）：人腦看到一張圖、識別主題只要 **13 毫秒**。比之前認為的 100 毫秒快了 8 倍。
- **Nielsen Norman Group 網頁閱讀研究**（[原文](https://www.nngroup.com/articles/how-little-do-users-read/)）：人在網頁上平均**只讀 28% 的字**、20% 比較常見。剩下 72-80% 是直接掃過去。79% 的人從來不逐字讀。

意思是 — 給我三段 200 字的選項、我大腦不是「讀完」、是「掃」。但段落式文字逼我大腦一個字一個字 sequential 處理、做它不擅長的事。

換成並排卡片放著 — 13 毫秒掃完全局。

文字適合 AI 自己讀。

網頁適合我們看。

我們要的不是更多字、是大腦處理得快的形狀。

### 過去網頁有缺點 — 但 AI 寫之後這條被淡化了

你可能會說「網頁不是要會寫程式碼嗎」。

過去確實是。

要會 HTML、要會 CSS、要會處理瀏覽器相容、要懂排版邏輯。做一張簡單的方案對比表都要花你半天。改一個顏色又是半天。這是網頁過去最大的缺點 — **編輯難、修改慢、不會程式碼的人做不來**。

還有另外幾個缺點：

- **檔案版本控管亂** — 改十次有十個版本、不知道哪個是最新
- **不能跨對話載入** — 你不能把網頁的內容直接餵給下一個 AI 對話
- **存檔不好搜尋** — 半年後想找「那張我比較三個軟體的網頁」不好找

這些缺點過去都是真的。

AI 寫之後、第一條缺點（編輯難、修改慢）**直接被淡化**。

你跟它說「請給我一張並排網頁、三個方案各列 3 優 3 缺、橘紅色調」 — 它十秒給你一個檔案、雙擊打開就看到。

不滿意？「卡片太擠、改成兩欄、其他保持」 — 它再給你新版本。

不需要寫程式碼、不需要懂排版、不需要會用設計軟體。

你只要會說 — 你想看的形狀。

至於其他幾個缺點（版本管理 / 跨對話載入 / 存檔搜尋） — **依然存在**。所以這篇不是叫你全部換網頁。

是叫你**判斷該用哪種**。

### 文字檔（.md）給 AI 存檔、網頁（.html）給你當下看

具體一點 — 這兩種形狀對應兩個檔案副檔名：

- **markdown 文字檔（.md）** — AI 自己讀寫的母語、跨對話載入 / 向量檢索 / 餵下一個模型都最省事
- **HTML 網頁檔（.html）** — 給人類當下做決定的形狀、可視化好掃描、互動好探索

[implicator.ai 一篇分析](https://www.implicator.ai/shihipar-is-right-markdown-still-wins-memory/) 寫了一句很到位的話 —

> **HTML wins the session. Markdown wins the archive.**
> 網頁贏在當下做決定、文字贏在長期存檔。

我這週反覆唸了好幾次、覺得這就是判斷準則。

**.html 適合當下做決定**：你正在比較、正在規劃、正在盤點、正在學新東西 — 這些都是**當下要看一眼做決定**的場景。網頁的並排 / 時間軸 / 儀表板 / 摺疊說明、剛好對應人類做決定的形狀。

**.md 適合長期存檔**：之後要 AI 自己讀、要做向量檢索、要餵下一個模型、要在不同對話之間跨載入 — 這些是**存檔給未來的自己（或未來的 AI）讀**的場景。文字最省事、最容易搜尋、最容易做嵌入。

別把同一個內容餵兩遍。

選對形狀就省一半時間。

而且這不是只有我這樣覺得 — Anthropic 一個工程師 [Thariq Shihipar](https://x.com/trq212/status/2052811606032269638) 2026/5/8 也公開貼了一篇 X 文 + [一個範例網頁](https://thariqs.github.io/html-effectiveness/)、做了 20 個範例展示「同一個問題、AI 用 .html 回 vs 用 .md 回、人類做決定的速度差很多」。後面我會再講一段他的脈絡。

### 在哪些情境網頁完勝（具體案例）

我自己整理的對照表 — 直接 inline 給你抄：

- **比較選項**（軟體 / 提案 / 房型） → 並排卡片 + 評分欄
- **多步驟規劃**（活動 / 季度 / 學習） → 時間軸 + 里程碑
- **個人盤點 / 週報** → 一頁儀表板（指標 / 完成 / 卡關一眼看完）
- **學陌生主題** → 摺疊式說明 + 詞彙表
- **把對話變開會材料** → 翻頁簡報
- **流程 / 決策樹** → 可點流程圖
- **純對話 / 創意發想 / 寫 email** → 還是文字（不要過度工程）
- **存檔 / 給之後的 AI 讀** → 還是文字（AI 母語、跨對話最省事）

下面三個具體案例 — 我這週真的用過、可以照搬。

![插畫：旗幟里程碑時間軸，中間紅點放大標示重點](https://be-ai-curator.com/images/blog/ai-give-me-html-timeline.png)

#### 案例一：比較三個軟體服務

我上週在挑 AI 影像剪輯訂閱、要在三家裡選一家。

過去問法：「比較 [A / B / C] 三家、哪家適合我？」

AI 回三段文字、每段講一家、優點缺點混在段落裡、滑來滑去對不齊。

新問法：

```
我在比較 A / B / C 三家 AI 影像剪輯軟體、月費上限 1500、我是內容創作者、每週剪 3-5 支短影音。
請給我一張並排網頁、三張卡片並排放、每張包含：標題、3 個優點（用 ✓）、3 個缺點（用 ✗）、一行「適合誰」的描述。
卡片寬度等寬、視覺對齊清楚、用橘紅色 #d4623b 為主色。
```

它 12 秒給我一個檔案、雙擊打開、三家整齊並排。我看 30 秒就決定。

過去要花 10 分鐘看完三段文字、再自己畫表格比對。

#### 案例二：規劃下季三個月

過去問法：「我下季想推三件事、給我建議。」

AI 回三段文字 + step 1 / step 2 / step 3 — 我看不到三件事在三個月怎麼錯開。

新問法：

```
我下季要推 [活動 A / 內容系列 B / 產品上線 C] 三件事。
請給我一張橫式時間軸網頁、三條 swim lane、每條代表一件事、橫軸是 12 週、
每條 lane 上標里程碑（用菱形）、高風險週用警告三角形標出來。
底部附一段話、講三件事衝突在哪、建議怎麼排。
```

它給我一張時間軸、我一眼看到第 6 週兩件事撞期、馬上調整。

過去要花一小時拉時間軸 + 找衝突。

#### 案例三：學一個陌生主題

過去問法：「rate limit 怎麼影響 API 成本？」

AI 給我一坨技術解釋、術語沒解釋、我看不懂的詞就跳過、結果只看懂三成。

新問法：

```
我想了解 rate limit 怎麼影響 API 成本。
請給我一張網頁、由淺到深列 5 個我可能會問的問題、
每題用摺疊式（預設只看到問題、點開才看答案）。
第一題最基本、第五題進階。
所有術語用底線標出、滑過顯示白話解釋。
網頁底部附完整詞彙表。
```

它給我一張學習導覽網頁、我從第一題開始點、不懂的詞滑過去看解釋。

過去要花 30 分鐘讀技術文章 + 同時開維基百科查詞。

![插畫：書本展開多層卡片，搭配沙漏象徵省時](https://be-ai-curator.com/images/blog/ai-give-me-html-learning-guide.png)

### 怎麼接力跟 AI 對話（三個動作）

光知道形狀不夠、要會接話。

我自己用熟的三個動作 ——

#### 動作一：講「情境 + 限制 + 形狀」三件套

```
我在 [情境]、限制是 [限制]。請給我一張 [形狀] 的網頁。
```

三件套缺一不可。

只講情境沒講形狀 — AI 預設給你文字。

只講形狀沒講限制 — AI 會用它腦補的限制、出來的不對。

三個一起講、AI 才能對齊你心裡的版本。

#### 動作二：改特定點記得加「其他保持」

第一版不滿意？指明要改哪一個特定點：

```
上一版的 [元素] 太擠 / 太空 / 顏色不對。改成 [具體調整]、其他保持。
```

關鍵在「其他保持」這四個字。

少了這四個字、AI 會把整張網頁重畫一遍、可能連你滿意的部分都被改掉。

加了這四個字、AI 只改你指定的點、其他維持。

#### 動作三：要求網頁底部附「這張網頁的生成提示」

這招是重點 —

```
最後在網頁底部加一個摺疊區、放這張網頁的生成提示、讓我下次可以直接複製貼用。
```

AI 會把它**自己**剛剛用來生這張網頁的提示攤給你看。

下次你不用重新想怎麼問、直接複製這段提示、改幾個字（換情境、換限制）、貼給 AI 就好。

我自己做了 18 張不同形狀的範例網頁、就是用這招累積出來的 — 每次都讓 AI 把它的提示自己攤給我看、我整理成一份對話術模板。

### 怎麼把跟 AI 的討論變成可以給人看的東西

接力動作講完了、再給一個進階用法 — **把對話變開會材料**。

你跟 AI 討論完一個專案、整段對話散在聊天紀錄裡。要給老闆 / 同事 / 客戶看的時候、你不能把整段對話貼過去。

我的做法：

```
把上面這份討論變成 10 頁可翻頁的網頁簡報。
每頁一個重點 + 一個圖示 + 兩三行說明。
鍵盤左右鍵可以切頁、底部顯示「X / 10」進度。
```

它把整段討論濃縮成 10 頁、我打開直接給對方看、或截圖傳。

過去要花半小時自己整理 PPT、現在 30 秒。

![插畫：多張投影片卡片層疊展開](https://be-ai-curator.com/images/blog/ai-give-me-html-deck.png)

### 致敬 — Anthropic 工程師也在講這件事

這套想法不是我自己想出來的。

2026/5/8 Anthropic 一個工程師 [Thariq Shihipar](https://x.com/trq212/status/2052811606032269638)（他做 Claude Code、X 帳號 @trq212）公開貼了一篇 X 文 + [一個範例網頁](https://thariqs.github.io/html-effectiveness/)。

他講的事：他自己已不讀 AI 給的文字檔了。

**他要 AI 給網頁。**

做了 20 個範例、分 8 類給工程師看（程式碼比較 / 程式碼審查 / 模組圖 / 除錯紀錄 / 研究筆記 / 報告 / 簡報 / 設計）。

中文圈最早 [BNEXT](https://www.bnext.com.tw/article/90893/)（5/11）跟 [INSIDE](https://www.inside.com.tw/article/41251-from-md-to-html)（5/9）報導、包裝成「Anthropic 棄用文字檔改用網頁」的轉折故事。

但 [implicator.ai](https://www.implicator.ai/shihipar-is-right-markdown-still-wins-memory/) 補了一件中文媒體沒寫的 — **Anthropic 自家好幾個產品早就用這個模式幾個月了**。Thariq 的文只是把內部已存在的轉向、用個人說法整理出來。

也有反方。[Kurtis Redux](https://kurtis-redux.medium.com/the-unreasonable-ineffectiveness-of-html-5bd01ae1e879) 寫網頁有安全雷、版本管理難、不能進企業流程 — 都是真的、上面我也提了。

我做的事 ——

讀完想用、但 Thariq 的 8 類全是工程師場景、我大部分工作（管理 / 內容 / 策略 / 個人盤點）對不上。

於是我做了一個繁體版的 HTML 對話術 playground —

- **9 大類給工作中需要跟 AI 一起做決策的人、不限於工程師**：決策對比、學習導覽、規劃時間軸、個人盤點、對話翻頁、流程可視化、產品評估、視覺草稿、互動原型
- + 1 類精選 Thariq 工程師原作中譯（不砍他的價值、給工程師讀者也有東西）
- 含 18 個對話起手式速查 + 提示詞模板、每個都可以複製貼給 AI 就用

![插畫：比較表格，首列紅框反白並附星等評分](https://be-ai-curator.com/images/blog/ai-give-me-html-playground-hero.png)

> 🎮 **👉 想去玩、三個入口任你選**
>
> 1. 連結在自介
> 2. 網站首頁點「PLAYGROUND」分頁進入：
> [be-ai-curator.com/playground/html-effectiveness](https://be-ai-curator.com/playground/html-effectiveness)
> 3. 在這篇 Threads 或 IG 留言「HTML」我直接給你傳送門

### 延伸閱讀

- [上一篇：AI 主理人之路 — 從探索者到編排者](https://be-ai-curator.com/blog/ai-team-progression)（這篇講工具收斂、上篇講跟工具對話的形狀）
- [上上篇：搜尋工具大 PK + 我自己拼的方法翻車](https://be-ai-curator.com/blog/search-tool-blindspot)（同根紀律：直覺好聽 ≠ 實測有效）
- [更早：不追手冊、找對位置（反炒作哲學）](https://be-ai-curator.com/blog/skills-when-not-to-build)

### 給未來的我

過去一年我建立的習慣是「叫 AI 之前先想清楚要什麼答案」。

這次新加的習慣是「**叫 AI 之後、請它給對的形狀**」。

兩條紀律同根 ——

形狀決定理解速度。

同樣的答案、換個形狀、你做決定的速度差五倍。

存檔用 `.md`、當下要做決定用 `.html`。

下次跟 AI 對話、試著加那一句 ——

**「請給我 HTML」**

然後告訴我你的體感。

好奇大家有沒有開始將溝通 HTML 化？

---

來源：AI 主理人 https://be-ai-curator.com/blog/ai-give-me-html · 更新於 2026-05-16