# 策展 · X (Twitter) 🔥🔥🔥🔥

> 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt)

> 作者：Thariq (@trq212) · 平台：X (Twitter) · 日期：2026-05-21

> 原始來源：https://x.com/trq212/status/2056843158965858380

## 中文摘要

Claude Code 從Markdown改用 HTML 提升互動性。

Thariq Shihipar 在 Claude 部落格指出，雖然 Markdown 是目前 Agent 與人類溝通的主流格式，但隨著 Agent 能力增強，Markdown 在處理複雜資訊時顯得過於受限。他與 Claude Code 團隊目前傾向使用 HTML 取代 Markdown，藉此產出更具可讀性且功能豐富的輸出內容。

**HTML 的優勢與資訊密度**
HTML 提供了比 Markdown 更強大的表達能力，能有效提升資訊密度，讓模型能更精確地傳達複雜概念：
- **豐富的視覺呈現**：支援 CSS 設計、SVG 繪圖、表格資料與絕對定位佈局，無需再依賴低效率的 ASCII 圖表或 Unicode 字元拼湊。
- **互動性與客製化**：透過 JavaScript 與 HTML 元素，使用者可建立滑桿、按鈕等互動介面，直接調整演算法參數或進行設計原型測試。
- **易讀性與分享**：HTML 檔案可透過瀏覽器原生渲染，並具備響應式設計，相較於 Markdown 更容易在組織內分享與閱讀，大幅提升文件被閱讀的機率。

**Claude Code 的資料整合能力**
使用 Claude Code 生成 HTML 的核心價值在於其強大的上下文存取能力。Claude Code 不僅能讀取本地程式庫，還能透過 MCP（Model Context Protocol）整合 Slack、Linear 等工具、瀏覽器內容以及 Git 歷史紀錄。這使得 Agent 能夠將跨來源的資料進行分類、歸納，並自動生成包含圖表的綜合報告。

**應用場景與實作建議**
作者建議在以下場景優先使用 HTML：
- **專案規劃與探索**：建立一系列 HTML 檔案來進行腦力激盪、介面模擬與實作計畫，並在驗證階段讓 Agent 讀取這些檔案以獲取更完整的上下文。
- **程式碼審查**：利用 HTML 渲染差異比對（diffs）、註解與流程圖，協助團隊理解 Agent 撰寫的程式碼。
- **設計原型**：利用 HTML 的表達力快速繪製設計草圖，並可進一步轉化為 React 或 Swift 等語言的程式碼。
- **自訂編輯介面**：針對特定資料需求建立「一次性」的編輯器，並透過「複製為 JSON」或「複製為 Prompt」按鈕，將互動結果回饋給 Claude Code。

**關於效率與使用習慣的省思**
針對效率疑慮，作者認為雖然 HTML 會消耗較多 token，但在 Opus 4.7 的 100 萬 token 視窗下，這點消耗幾乎可忽略不計，且換來的是更高的閱讀意願與理解深度。他強調，轉向 HTML 的初衷是為了「保持參與感」（stay in the loop）；當 Agent 承擔更多任務時，HTML 格式能讓他更緊密地審視 Agent 的決策過程，而非僅僅是被動接收結果。使用者若想嘗試，只需在提示詞中要求 Claude「製作一個 HTML 檔案」或「製作一個 HTML artifact」即可開始。

## 標籤

Claude Code, 功能更新, Agent, Anthropic, Claude