跳到主要內容
AI News HubLIVE
站內改寫1 分鐘閱讀

使用Claude Code:HTML的驚人效果

文章摘要

Anthropic Claude Code團隊成員Thariq Shihipar撰文,主張向Claude請求輸出HTML而非Markdown。文章透過豐富示例展示HTML能嵌入SVG圖表、互動式小部件等,使資訊更易導航。作者Simon Willison受此啟發,嘗試用GPT-5.5生成Linux安全漏洞的HTML解釋,效果良好。

使用Claude Code:HTML的驚人效果
回報錯誤

更正管道尚未開通,可先複製下方文章資訊留存。

查看更正說明
直接讀正文

近日,Anthropic公司Claude Code團隊成員Thariq Shihipar發表了一篇引人深思的文章,主張在向Claude請求輸出時使用HTML而非Markdown格式。他指出,HTML格式能解鎖Claude的更多潛力,例如嵌入SVG圖表、互動式小部件和頁面內導航,從而讓資訊呈現更豐富、更易理解。文章提供了大量例項,並給出了具體的提示詞建議,例如:“幫我審查這個拉取請求,建立一個描述它的HTML製品。我對流式/背壓邏輯不熟悉,所以請重點關注。渲染實際差異,帶有行內邊距註釋,按嚴重性顏色編碼,並新增其他必要的概念傳達元素。”

Simon Willison在博文中回顧了自己從GPT-4時代起一直預設使用Markdown的原因——當時8192個token的限制使得Markdown的token效率遠高於HTML。然而,Thariq的文章讓他重新審視這一選擇,尤其是對於輸出場景。使用HTML意味著Claude能夠提供更豐富的視覺和互動體驗。Willison去年12月曾撰寫關於構建HTML工具的文章,但主要聚焦於互動式工具。現在他興奮地開始嘗試用HTML生成豐富的解釋內容。

為了驗證這一想法,Willison嘗試了一個實際案例:用GPT-5.5解釋最近發現的Linux安全漏洞,該漏洞的利用程式碼以混淆的Python形式分發,來自copy.fail網站。他使用的提示詞是:“詳細解釋這段程式碼。重新格式化,展開任何令人困惑的部分,深入說明其工作原理。輸出HTML,精心樣式化,利用HTML、CSS和JavaScript的能力使解釋豐富、互動且儘可能清晰。”

最終生成的HTML頁面效果不錯,採用深色主題,包含高層面板、安全警告以及結構化的步驟說明。不過Willison也指出,自己應該更強調解釋漏洞本身而非圍繞它的Python框架。這一實驗表明,HTML格式確實能夠提升AI解釋的清晰度和互動性,激發了他進一步探索的熱情。

展開要點與分析

文章情報

工程師中級

要點

  • HTML輸出格式允許Claude生成SVG圖表、互動式小部件和頁面內導航。
  • 作者從GPT-4時代起預設使用Markdown,現在重新考慮轉向HTML。
  • 實驗用GPT-5.5將Linux提權漏洞的混淆Python程式碼轉化為HTML解釋。
  • 生成的HTML頁面內容豐富,但作者建議更側重漏洞本身而非Python框架。

要點與分析由自動化流程生成,可能有誤,請結合原始來源核實。