AI范兒 · 行業觀察? 7 分鐘

AI AGENT OUTPUT 別再讓 AI 只寫 Markdown 了 給人看的內容，不該只是一坨文檔。 它應該更像一個可以閱讀的頁面。

▲ 圖：這篇文章本身，也應該像一個 HTML 頁面

關注我的讀者朋友可能會發現，我最近整個公眾號的風格，其實有一個很大的改變。

變得更專業，也更美觀了。

有很多人問我到底是怎么做的。

這個事情說起來還有點尷尬。

有一次開會，一個讀者朋友特別認真地跟我說：

"你們的公眾號排版特別丑。"

我當時還稍微有點不以為然。

但回頭一看，好像確實是這樣。

以前我更傾向于 Markdown 那種方式，簡單、克制、沒有任何花哨的東西。我還自認為，不要讓形式大于內容。

但現在你看到的，是一種更豐富的表現方式，我相信整個的閱讀體驗會好很多。

這樣的調整，其實導致我整個公眾號的寫作流程都變了，當然最核心的，這背后其實都是通過 HTML 實現的。

一次公眾號改版 從 Markdown 草稿感，轉向 HTML 頁面感 舊版 像草稿，讀起來費勁 HTML 新版 像頁面，讀起來順

▲ 圖：排版從草稿感，變成頁面感

比較巧的是，今天正好刷到了 Claude 工程師 Thariq 的一篇長文，標題也很直接：

"The Unreasonable Effectiveness of HTML."

翻譯成通俗的話就是：

這篇文章的核心判斷AI 時代，Markdown 可能更適合機器和 Agent 讀。但給人看的內容，HTML 可能更合適。

甚至有人說 Markdown 已經死了，現在是 HTML 重新回歸的時代。

這話有點極端，但如果限定在“給人看的最終輸出”這個場景里，我覺得還是有些道理的。

這次我想聊的不是排版技巧，而是 AI 給人類的輸出形態正在發生變化。

從 Markdown，到 HTML，再到真正能被人讀完的內容界面。

01以前怎么寫

以前創作公眾號文章，我很多時候就是在微信公眾號編輯器里面直接寫。

寫完之后，再用公眾號自帶的一些模板，或者一鍵排版功能，生成那種固定風格。

但這樣得到的排版，坦率說，比較簡單。

甚至有點土。

我基本上都會往 Markdown 這個方向去貼合。

標題、列表、加粗、引用。

干凈是干凈。

但時間久了，我發現這個方式其實不太好。

因為很多時候文章會比較長，如果只是純 Markdown 的方式，閱讀起來真的會覺得很累。

Thariq 在原文里也提到，他很少能真正讀完超過 100 行的 Markdown 文檔。

同樣一篇內容，交付感完全不同 Markdown HTML Artifact 閱讀體驗 長了就累 更容易掃讀 結構表達 靠標題和列表 能直接視覺化 復雜信息 容易糊成文字墻 圖表先行 風格統一 后期再加工 一開始就定好 公眾號場景 只是草稿 接近成品

▲ 圖：Markdown 和 HTML Artifact 的差別

所以我現在越來越覺得，Markdown 更像是草稿。

而公眾號文章不是草稿。

它是一個需要被閱讀、被滑動、被截圖、被轉發的內容產品。

這時候，只讓 AI 寫 Markdown，就像讓設計師只交 Word 文檔。

不是不能用，就是差點意思。

因為我日常寫公眾號比較多，所以我就以公眾號來舉例子。

但其實我覺得在日常生活當中，我們很多同學還在大量把 Markdown 當作終極交付的形態給到別人。

我覺得你不妨試一試 HTML 這種新的方式，可能會驚艷到你的同事們。

02為什么是 HTML

原文列舉了很多原因，比如信息密度、方便攜帶、容易分享、能做交互等等。

這些都對。

但如果只說我自己的感受，我覺得最重要的是兩點：

一個是信息密度。

另一個是美觀度。

還有一個更微妙的東西，我不太確定怎么精準形容。

可能是一種降低信息負載的感覺。

人其實更愿意讀圖文并茂的內容，而不是面對簡單枯燥、黑壓壓一片的純文字。

以前我們覺得，把標題加粗，把重點標紅，就算是排版了。

現在再看，這個方式已經有點不夠用了。

但如果插入太多圖片，又會打斷閱讀節奏。所以在 HTML 里加入 SVG，就顯得特別合適。

HTML 為什么更適合人讀？ 左邊是文字墻，右邊更像一本能快速翻讀的雜志頁 純文字 / Markdown HTML 頁面感 SVG 重點 案例 HTML 的優勢不是裝飾更多，而是讓信息有層次、有入口、有節奏。

▲ 圖：HTML 降低信息負載的三種方式

SVG 本質上就是一段代碼。

它不像普通圖片那樣需要額外上傳、壓縮、管理，也不像 AI 生圖那樣風格容易飄。

流程圖、對比表、概念圖、結構圖，它都很擅長。

當然，HTML 不只是有這些圖。還可以有豐富的色彩、交互式的菜單、按鈕等等。（盡管不是所有的都可以在公眾號文章里面用）

對公眾號這種閱讀環境來說，真香。

03哪些適合 HTML

Thariq 還專門做了一個案例庫，把 Agent 生成的 HTML 文件整理成了 20 個例子。

這個案例庫很值得看：

https://thariqs.github.io/html-effectiveness/

我挑幾個最有代表性的場景，你就能感受到 HTML 到底強在哪里。

HTML Artifact 適合做什么？ 更像一個案例陳列柜，而不是一張死板表格 探索規劃 多方案并排比較 代碼理解 Diff、模塊圖、注釋 設計系統 顏色、組件、狀態 研究學習 可導航的解釋頁 圖示報告 流程、時間線、圖表 自定義編輯器 調 Prompt、改配置 凡是需要比較、理解、導航、調整的東西，都適合 HTML。

▲ 圖：Thariq 案例庫里的典型 HTML 場景

比如探索規劃。

你可以讓 AI 一次性生成 3 個方案，橫向擺在一個頁面里，每個方案的優缺點直接標出來。

比如代碼審查。

Diff、模塊關系、風險點、Reviewer 應該重點看哪里，都可以做成一張可掃讀的頁面。

比如研究報告。

原來你可能拿到一篇長 Markdown，現在可以拿到一個帶 TL;DR、圖示、術語解釋、FAQ 的學習頁面。

這才是 HTML 真正有意思的地方。它不是把文字換個格式，而是把閱讀體驗重新組織了一遍。

04我的具體流程

說回我自己的公眾號。

我現在的流程大概是這樣。

我的公眾號生產線 先寫出人的情緒，再用 Skill 把它變成 HTML 頁面 草稿 自己先寫 Notion / 編輯器 Skill 直接排版成 HTML 統一標題、金句、CTA SVG 微調圖示 長段落、概念、對比 發布 粘進公眾號 不是先排版，再用 Skill

▲ 圖：我的公眾號從草稿到發布的 HTML 工作流

1先自己寫草稿。

我基本上會自己先把文章草稿寫好。工具通常是 Notion，或者直接在微信公眾號編輯器里寫，因為自動保存很方便。

這個階段真的只是初稿。

之后我會反復打磨，包括用詞、結構和情緒。

在創作內容時，我現在很少用 AI 了直接來寫了。因為我覺得 AI 很容易抹掉文章里原有的情緒，這一點我不太喜歡。

但用 AI 來一起構思、一起整理、搜索素材還是需要的。

2直接用 Skill 排版輸出。

寫好草稿后，我會使用 Claude 或 Codex 里的 Skill 幫我進行排版。

這一步的核心，是輸出 HTML 代碼。

我肯定不會手動去寫這些代碼。直接讓 AI 幫我寫。

3Skill 固定統一風格。

因為我對自己的文章風格有統一要求，所以我單獨定義了一個 Skill。

它會要求 AI 嚴格按照我的風格生成。

這樣大家每次看到的標題樣式、重點標注樣式、CTA 樣式，都會比較一致。

4反復調整 SVG。

排版并不是一步到位。我會來回調整，尤其是圖示部分。

如果某個段落太長，或者里面有一些晦澀概念、數據對比、流程變化，我通常會要求 AI 生成一張 SVG。

重點我不是讓 AI 替我寫觀點，而是讓 AI 幫我把觀點整理成更適合閱讀的形態。

為什么我更喜歡 SVG，而不是 AI 生圖工具？

原因也很簡單。

第一，極簡方便。SVG 本質上就是一段 HTML 代碼，不需要像傳統圖片那樣額外上傳或管理。

第二，風格統一。SVG 的視覺風格天然能和 HTML 排版融在一起。

第三，場景契合。SVG 特別適合示意圖、流程圖、對比表格，這些剛好是公眾號里最常用的解釋方式。

總體來看，公眾號里沒必要用太多花哨圖片。SVG 的表現力已經足夠好，而且確實太好用了。

05重新回到 HTML

簡單回顧一下。

我們曾經很長一段時間都覺得，Markdown 就是文檔最好的交付形態。

它簡單、穩定、可遷移，AI 也特別擅長處理。

如果是 AI 和 AI 之間，或者 Agent 和 Agent 之間交流，Markdown 確實可能依然是最好的選擇。

因為機器不在乎好不好看。

機器只在乎結構清不清楚。

但如果輸出是給人看的，那就完全不一樣了。

人會累。

人會走神。

人會被一整屏黑壓壓的文字勸退。

所以在今天這個階段，我反而覺得 HTML 正在重新回來。

不是因為 HTML 多高級。

而是因為它更接近人類真正閱讀和理解信息的方式。

當然，HTML 也不是沒有代價。

第一，生成速度會慢。

有時候我就坐在屏幕前，看著 Codex 在那里一行一行滾代碼，啪啪啪啪地生成。

第二，Token 消耗會更多。

HTML 比 Markdown 啰嗦很多，尤其是帶 SVG 的時候，代碼量一下就上來了。原文作者覺得這個消耗還好，但我自己的感受是，它確實會耗 Token。

第三，分享成本也有點微妙。

你真要把一個 HTML 文件直接甩給別人，對方可能還會愣一下：這是什么東西？

HTML 也有代價 所以它不是萬能格式，而是更適合給人看的成品格式 ? 生成更慢 要等代碼滾完 Token 更多 SVG 尤其吃上下文 分享更怪 需要一個承載頁面

▲ 圖：HTML 更像成品，但成品也更貴

同一份信息，給誰看？ 機器要結構，人類要理解路徑，中間靠 Agent 轉譯 Markdown 結構清楚 機器就能處理 ?? Agent 讀取結構 轉成頁面 HTML 層次清楚 人更愿意讀 不是誰替代誰，而是不同對象需要不同的交付形態。

▲ 圖：Markdown 更適合機器，HTML 更照顧人類

給機器看的內容，Markdown 可能夠了。給人看的內容，HTML 明顯更友好。再往后，可能還會是視頻、圖片、交互頁面，甚至更多新的形態。

所以我現在對 AI 寫作的期待，也變了。

我不只是問它寫了什么。

我會問：

這個東西能不能直接發布？

能不能讓我少解釋半天？

能不能讓讀者一眼看懂？

如果答案是否定的，那它寫得再長也沒用。

別再讓 AI 只寫 Markdown 了。

讓它畫圖。

讓它排版。

讓它做 HTML。

不然 AI 辛辛苦苦寫了五千字，最后只是在你的收藏夾里吃灰。

這誰受得了。

參考鏈接 https://x.com/trq212/article/2052809885763747935 https://thariqs.github.io/html-effectiveness/

你現在讓 AI 交付最多的，是 Markdown，還是 HTML？

覺得有用 → 點個??在看轉給朋友