Anthropic 為旗下的 AI 程式設計工具「Claude Code」新增了「Artifacts(產物)」功能。它能從 Claude Code 的一次工作階段(session)中即時產生即時的 HTML 頁面,並分享給團隊成員。此功能開放給 Claude 的 Team 與 Enterprise 方案使用者,主要鎖定儀表板、圖解、進度確認等用途,目標是把程式碼的內容,用「連非工程師也能看懂」的方式呈現出來。
什麼是「Artifacts」
Artifacts 會把 Claude Code 正在進行的工作,直接變成可互動的網頁。它依據使用者本機的程式碼(儲存庫)、已連接的監控工具,以及當下的對話脈絡,由 Claude Code 組建出專屬的頁面。工程師不必特地準備外部的資料平台,也不需臨時架設伺服器。AI 會用既有的素材,建立出介面(UI)。
產生的頁面會被指派一個專屬網址,可以傳送給團隊成員。收到的人能在同一個頁面上,直接看到 Claude Code 自主推進、或在指示下推進工作的過程。
Artifacts 這個名稱本身並不新鮮。Anthropic 早在 2024 年夏天,就在面向消費者的聊天介面中率先推出了同名功能。這項機制曾作為把程式碼片段與小遊戲發布到網路上的工具而廣為使用,而這次則被直接整合進了透過命令列操作、面向開發者的 Claude Code,以及桌面應用程式之中。
不是靜態匯出,而是「活的」頁面
Artifacts 的特色在於,它不是一次性的匯出。當 AI 在工作階段中推進工作時,已開啟的頁面會在同一個網址上就地更新。圖表與文字會即時替換,正在檢視的一方能夠跟上最新狀態。
由於每次更新都會保留版本紀錄,因此可以回復到過去的狀態,或確認 AI 推進到了哪一步。無論用電腦或手機都能檢視。其用意在於,把用於會議的白板、手動的錯誤講解,以及例行的進度回報,替換為會自動更新的安全視覺化工具。
與 OpenAI 的「Codex Sites」有何不同
這次發表,是在 OpenAI 為自家「Codex」新增了與之相似、面向企業的代管功能「Sites」約兩週之後。兩家公司圍繞面向開發者的工作介面,接連推出了相似的功能。不過,兩者的設計思維有著明顯差異。
OpenAI 的 Sites 被打造為執行正式 Web 應用程式的基礎。它具備用於儲存資料的資料庫與檔案儲存機制,也支援外部登入串接與細緻的存取權限設定。其定位是一個能直接取代企業內部商務工具的常設執行環境。
相較之下,Claude Code 的 Artifacts 則刻意不具備後端的伺服器功能。Anthropic 在官方說明中明確表示「產物(artifact)不是應用程式,而是工作的快照(擷取某一時刻的狀態)」。每個頁面都是一份自成一體的 HTML,並對顯示大小設有上限(約 16 MiB)。
此外,為了守護組織的安全性,產生的頁面會被施加嚴格的限制(內容安全政策)。對外的連線會被阻斷,無法載入外部的指令碼、字型與樣式表。CSS 與 JavaScript 都必須內嵌進頁面,圖片也以資料形式直接嵌入。它既不能儲存輸入表單的內容,也不能在檢視時呼叫外部的 API。
這種限制並非弱點,而是 Anthropic 刻意採取的立場。相對於 OpenAI 想要打造常設的軟體入口,Anthropic 則把 Claude Code 定位在「臨時性、機密性高的技術工作」上。其理念是一種即時資料不會外洩到企業邊界之外的、自我更新型的視覺化工具。
安全與權限管理
這些功能會觸及企業的專有資料與正在執行的程式碼,因此使用授權與存取管理十分重要。Artifacts 與 Codex 的 Sites 都採用由提供方代管的非公開方式,使用企業無法自由複製其內部,也無法用自有的伺服器來執行。
Anthropic 將每個產物預設設為僅作者可見,並將其設計為無法面向整個網際網路公開。即便分享了連結,能夠檢視的也僅限於同一組織內經過認證的成員。管理者可以透過組織層級的開關、依角色劃分的範圍設定,以及保存期限的政策進行管控,並透過專門的管理介面(合規 API)綜覽全局。
OpenAI 同樣把 Sites 限定在 ChatGPT 的 Business、Enterprise 方案內,採用由管理者依角色啟用功能的機制。此外,它在分享時可以更細緻地指定存取範圍,還準備了專用面板,用於在不把機密資訊直接寫入原始碼的前提下進行處理。
在開發現場的用法
Claude Code 的負責人、同時也是開發者的 Boris Cherny 在配合這次發表而發布的 X 貼文中介紹說,他在日常工作的各個場景都在使用 Artifacts。他舉出對複雜程式碼的視覺化講解、系統的結構圖、多種方案的快速比較、資料分析,以及與團隊分享的儀表板等,並評價說這是一項改變了自己工作方式的功能。
Anthropic 公開的使用案例也很具體。在某個場景中,工程師指示 Claude Code 去調查自最近一次發布以來使用者流失是否有所增加。AI 在數秒之內讀取資料庫,組建出呈現流失流程的儀表板,並查明「Pro 帳號在匯出頁面卡住」這個原因。隨後它提出介面的改善方案,配合程式碼的修改更新圖表,並產生一個管理者能用手機立即開啟的安全連結。
這是把終端機(用於操作的文字輸入畫面)變成可以協作的即時畫布的一種嘗試。從中可以看出這樣的方向:AI 程式設計助手最有價值的成果,不僅是程式碼本身,更在於把背景與決策的理由,做成可以立即分享的形式。
總結
Claude Code 的 Artifacts 是一項新功能,它能把與 AI 協作的工作內容,作為在同一網址上自動更新的即時 HTML 頁面來分享。其特點是刻意不具備後端的伺服器功能,並施以阻斷對外連線的限制,從而聚焦於機密性高的技術工作。這與推進 Web 應用化的 OpenAI Codex Sites 形成對照,兩家公司的思維差異表現得十分清晰。與全新 AI 模型的發表相比,這只是一項不起眼的新增,但作為把開發成果迅速傳達給整個團隊的基礎,它在實務上的影響似乎並不小。
