HTML 是全新的 Markdown
「HTML 是全新的 Markdown」（HTML is the new markdown）是 Anthropic 團隊（開發 Claude Code 的團隊）所提出的一個突破性觀點。這個理論認為，隨著 AI 時代來臨，HTML 已成為AI 生成複雜、互動性內容的最佳格式。過去人類寫網頁或文件喜歡用 Markdown，是因為它語法簡潔、好讀好寫。但對大語言模型（LLM）來說，直接生成完美、帶有樣式與程式碼的 HTML、CSS 和 JavaScript 簡直輕而易舉。這讓技術瓶頸從「人類如何輕鬆撰寫」，轉變成「人類如何高效閱讀與操作」AI 生成的海量內容。
Markdown雖然成為代理程式與我們溝通時最主流的文件格式，但隨著AI代理程式越來越強大，它也變成了一種限制。這篇文章說明為什麼 HTML 是更好的輸出格式，以及如何開始使用。
為什麼選 HTML？
超過一百行的 Markdown 文件讀起來很吃力。我希望有更豐富的視覺呈現——顏色、圖表——而且能輕鬆分享。我也越來越少親自編輯這些文件，更多是把它們當成規格書、參考資料、腦力激盪的輸出。
資訊密度增高
HTML 能傳達比 Markdown 豐富得多的資訊。幾乎沒有任何一種 Claude 能讀懂的資訊，是無法用 HTML 有效表達的。
用表格呈現結構化資料
用 CSS 展示視覺設計
用 SVG 繪製圖表與插圖
用 JS + CSS 製作互動元素
用 SVG 和 HTML 呈現流程
用絕對定位與 canvas 顯示
視覺清晰度與閱讀體驗
閱讀上千行的 Markdown 纯文字會讓人眼花撩亂。HTML 則能將密密麻麻的文字轉化為結構清晰、帶有色彩區隔的儀表板。HTML文件容易閱讀得多。Claude可以用最適合瀏覽的方式組織視覺結構——分頁、插圖、連結等等，甚至可以做成行動裝置響應式版面。
你的規格書、報告或 PR 說明，如果是 HTML 格式，被人真正讀到的機率會高出許多。
方便分享
Markdown 文件很難分享，因為大多數瀏覽器無法直接好好渲染它。HTML文件只要上傳到AWS S3(亞馬遜雲端儲存)，就能直接分享連結，你的同事可以在任何地方打開。
雙向互動
HTML 讓你能與文件互動。例如，你可以要求它加入滑桿或旋鈕來調整設計，或讓你切換演算法的不同選項來觀察結果。你也可以要求它把這些變更複製成提示語，再貼回 Claude Code 繼續使用。
資料匯入能力
Claude Code 能讀取的上下文資料量遠超過 Claude.ai。除了檔案系統，Claude Code 還能透過 MCP（如 Slack、Linear 等）、瀏覽器、git 歷史記錄等來源獲取額外的上下文。
原生支援
HTML 是網路的原生語言，瀏覽器直接支援，無需額外的轉換或渲染步驟。這使得 HTML 文件的載入和顯示速度更快，體驗更佳。
它讓工作變得有趣
用 Claude 製作 HTML 文件就是更好玩，讓我感覺自己更有參與感、更投入創作過程——光是這一點，就已經足夠了。
HTML 是全新的 Markdown
「HTML 是全新的 Markdown」（HTML is the new markdown）是 Anthropic 團隊（開發 Claude Code 的團隊）所提出的一個突破性觀點。這個理論認為，隨著 AI 時代來臨，HTML 已成為AI 生成複雜、互動性內容的最佳格式。過去人類寫網頁或文件喜歡用 Markdown，是因為它語法簡潔、好讀好寫。但對大語言模型（LLM）來說，直接生成完美、帶有樣式與程式碼的 HTML、CSS 和 JavaScript 簡直輕而易舉。這讓技術瓶頸從「人類如何輕鬆撰寫」，轉變成「人類如何高效閱讀與操作」AI 生成的海量內容。
Markdown雖然成為代理程式與我們溝通時最主流的文件格式，但隨著AI代理程式越來越強大，它也變成了一種限制。這篇文章說明為什麼 HTML 是更好的輸出格式，以及如何開始使用。
為什麼選 HTML？
超過一百行的 Markdown 文件讀起來很吃力。我希望有更豐富的視覺呈現——顏色、圖表——而且能輕鬆分享。我也越來越少親自編輯這些文件，更多是把它們當成規格書、參考資料、腦力激盪的輸出。
資訊密度增高
HTML 能傳達比 Markdown 豐富得多的資訊。幾乎沒有任何一種 Claude 能讀懂的資訊，是無法用 HTML 有效表達的。
用表格呈現結構化資料
用 CSS 展示視覺設計
用 SVG 繪製圖表與插圖
用 JS + CSS 製作互動元素
用 SVG 和 HTML 呈現流程
用絕對定位與 canvas 顯示
視覺清晰度與閱讀體驗
閱讀上千行的 Markdown 纯文字會讓人眼花撩亂。HTML 則能將密密麻麻的文字轉化為結構清晰、帶有色彩區隔的儀表板。HTML文件容易閱讀得多。Claude可以用最適合瀏覽的方式組織視覺結構——分頁、插圖、連結等等，甚至可以做成行動裝置響應式版面。
你的規格書、報告或 PR 說明，如果是 HTML 格式，被人真正讀到的機率會高出許多。
方便分享
Markdown 文件很難分享，因為大多數瀏覽器無法直接好好渲染它。HTML文件只要上傳到AWS S3(亞馬遜雲端儲存)，就能直接分享連結，你的同事可以在任何地方打開。
雙向互動
HTML 讓你能與文件互動。例如，你可以要求它加入滑桿或旋鈕來調整設計，或讓你切換演算法的不同選項來觀察結果。你也可以要求它把這些變更複製成提示語，再貼回 Claude Code 繼續使用。
資料匯入能力
Claude Code 能讀取的上下文資料量遠超過 Claude.ai。除了檔案系統，Claude Code 還能透過 MCP（如 Slack、Linear 等）、瀏覽器、git 歷史記錄等來源獲取額外的上下文。
原生支援
HTML 是網路的原生語言，瀏覽器直接支援，無需額外的轉換或渲染步驟。這使得 HTML 文件的載入和顯示速度更快，體驗更佳。
它讓工作變得有趣
用 Claude 製作 HTML 文件就是更好玩，讓我感覺自己更有參與感、更投入創作過程——光是這一點，就已經足夠了。