跳到正文
IFAI

AI工具

Claude Code 支援 Artifacts:終端敲程式碼,一鍵生成即時互動網頁

首次發布 傳播指數 41

Anthropic 宣佈為 Claude Code 引入 Artifacts 支援。它能把會話上下文、程式碼庫和監控資料直接轉成可互動的網頁,包括 PR 演示、故障排查時間線等,並隨工作進展在原連結自動重新整理。目前面向 Team 與 Enterprise 組織開啟 Beta 測試。

圖:claude.com

很多程式設計師大概都有過這種抓狂時刻:在終端裡讓 AI 排查了半天線上 Bug,抓出了日誌、對比了程式碼,結果開會時還得把這些黑底白字截成圖片,或者一段段複製到飛書或 Slack 裡給同事解釋。

Anthropic 顯然也發現了這個問題。他們在 Claude Code 里正式上線了 Artifacts 功能,讓這個原本待在終端裡的 AI 程式設計工具,能直接把當前的會話上下文變成一個可以互動、能分享給團隊的即時網頁。

程式碼、日誌和推理,一鍵變成能看的網頁

簡單來說,Artifacts 會直接抓取你當前會話裡的全部資訊,包括原生代碼庫、連線的監控工具以及對話記錄本身,然後生成一個帶結構的視覺化頁面。

這不僅是生成一段靜態 HTML。如果你正在排查一次系統故障,生成的頁面裡可以同時包含報錯的測試用例、背後的業務函式、監控工具裡驟增的錯誤率圖表,以及 AI 剛才推匯出的根因分析。

你完全不需要自己搭任何展示服務,也不用去配置資料管道,只要在 Claude Code 裡對它說一句「做個頁面」,它就會基於現有的上下文直接拼裝出來。

官方給出的場景非常豐富。除了程式設計師做 Pull Request 的改動走查,運維可以用它把排障過程自動沉澱成事後復盤報告,前端可以用自身元件庫快速生成幾個互動方案,安全人員能把漏洞直接對應到具體程式碼行,法務或合規甚至可以用它一鍵生成第三方開源協議審計清單。

原地重新整理,而且絕不對外公開

更有意思的是它的更新機制。當你的 Claude Code 會話繼續推進時,已經生成的 Artifacts 頁面支援原地重新整理,團隊成員重新整理或者看著頁面就能直接看到最新進展。

每次重新發布都會保留在同一個連結下,後臺自帶完整的版本歷史,你想回滾到之前的任意版本都可以。同時系統裡還提供了一個畫廊,方便集中瀏覽和管理所有生成過的頁面。

在很多大廠最關心的安全問題上,Anthropic 這次卡得很死。所有生成的頁面預設只有作者自己可見,即便選擇分享,也只能被同一個組織內經過身份認證的成員檢視,完全無法公開到外網。

企業管理員可以通過後臺的組織級開關進行許可權配置,支援基於角色的訪問控制,設定資料保留策略,並能通過合規 API 對全公司的 Artifacts 進行審計。

目前這項功能已經向 Claude Team 和 Enterprise 企業訂閱使用者開放測試,支援 Claude Code 的命令列工具和桌面客戶端,生成的頁面則可以在任何瀏覽器裡直接開啟。

為什麼重要

我們認為,這一步走得相當聰明。過去的 AI 程式設計助手大多侷限在個人單機環境,不管 AI 多聰明,成果要跨部門傳遞,最後往往還得靠人類去寫彙報材料或者截圖。

現在它直接把排障過程、架構梳理和程式碼審查變成了現成的網頁看板,相當於讓 AI 順手把最折磨人的溝通成本給報銷了。

對開發、運維和架構師來說,只要你們公司買了 Team 或 Enterprise 賬號,現在就很值得立刻試用。特別是在處理線上突發事故時,幾個人守著同一個即時更新的排障頁面,資訊拉齊的速度會比來回發訊息快得多。

對整個行業而言,這標誌著 AI 編碼工具開始從純粹的程式碼補全或單兵作戰,向團隊協作中心演進。光拼寫程式碼的速度已經不夠了,誰能幫工程團隊省下跨角色溝通的時間,誰就能在企業級市場站穩腳跟。這無疑會給 Cursor 等競爭對手帶來不小的壓力。

不過隱患也同樣存在。它目前完全被限制在企業內網體系裡,普通的個人開發者和 Pro 使用者暫時無緣體驗;而且這種高度依賴會話上下文的做法,一旦底層監控連線斷開或程式碼庫解析出錯,生成的看板就會變成誤導團隊的錯誤資訊。

來源 (1)

  1. [1]
    claude.com(在新分頁開啟)原文claude.com

每日 AI 內容精選