終端黨狂喜！Anthropic甩出Claude Code重磅更新：工作成果一鍵化身即時互動網頁。無需部署、隱私安全，不管是PR演示還是資料可視化，都能從終端長出。速來解鎖，讓你的程式碼工作流直接起飛！
今天，Anthropic甩出了Claude Code自誕生以來最「出格」的一次更新。
這是一個讓終端黨集體興奮的功能——Artifacts。
此次更新將Claude Code會話中的工作成果轉化為即時、可互動、可分享的自訂HTML網頁。
使用者可接入即時程式碼和多個資料來源，並將結果以可互動的URL形式發給團隊成員——無論是儀表盤、應用設計，還是其他用於內部使用的產品。
想想一下，當你在終端裡跟Claude Code對話寫程式碼，它能把這段工作直接變成一個可互動的HTML網頁，生成私密連結，瀏覽器裡打開就能看。
無論是PR程式碼演示，項目儀表盤，還是設計方案對比，都能直接從對話裡長出來。幾個版本擺成網格，滑塊拖著調參數，動畫即時跑。
這次，Anthropic並不是把網頁端Claude的Artifacts移植過來，而是直接造出一個張終端編碼場景下的新物種！
終端裡「長出」網頁
先說最核心的機制。
從此以後，你在Claude Code裡正常寫程式碼、debug、做PR review，任何時候覺得「這個東西用純文字看太費勁」，可以直接跟Claude說一句：
Make an artifact that walks through this PR with the diff annotated inline.
Claude會把你的對話上下文、程式碼庫、連接的工具資料全部吃進去，生成一個自包含的HTML頁面，發佈到claude.ai的私密URL上。
瀏覽器自動彈開，頁面就在眼前。
其中最重要的關鍵詞，就是自包含。
這個頁面不調外部API，不載入外部指令碼，不連後端。所有CSS和JavaScript內聯，圖片轉成data URI。一個嚴格的CSP策略鎖死了一切外部請求。
這就意味著零部署成本，零安全焦慮。不需要起伺服器，不需要配域名，不需要擔心資料洩露——頁面只對同組織的認證使用者可見。
而且它是活的。
你繼續在終端裡幹活，Claude繼續更新那個頁面，同一個URL，即時刷新。打開連結的同時不用F5，內容自動變。每次發佈自動保存版本歷史，隨時回滾。
六大場景，個個戳中痛點
Anthropic顯然想清楚了這個功能要解決什麼問題。
官方檔案列出的使用模式，幾乎覆蓋了開發者日常協作中最頭疼的溝通場景：
逐步講解變更
讓Claude生成一個頁面，在相關程式碼行旁邊渲染diff並附上註釋，這樣審閱者可以直接在程式碼旁讀到你的思路，而不必自己從描述中還原。
Make an artifact that walks through this PR. Render the diff with margin annotations and color-code findings by severity.
對比多個方案
在同一頁面上列出多個變體，方便橫向評估。適用於佈局、文案、API 設計或實現方案的對比。
Make an artifact with four distinctly different layouts for the settings panel. Vary density andgrouping, and lay them outas a grid with a one-line tradeoff under each.
用互動控制項即時調參
加上滑塊、開關或輸入框，直接在頁面上拖動探索參數，而不是靠文字描述來調整。
Build an artifact with sliders for the easing curve, duration, and delay so I can try values onthis transition. Show the animation live as I move them.
把結果帶回會話
Artifacts可以充當一個輕量級編輯器，讓你在頁面上做決策，再把結果交還給 Claude。
加一個匯出控制項，生成可以貼上回終端的文字，讓互動結果流回會話，而不是留在頁面上。
Make a triage board artifact with each open issue as a draggable card across Now, Next, Later, and Cut columns. Add a "Copy as prompt" button that gives me the final ordering to paste back here.
追蹤進行中的工作
讓Claude在長任務運行期間持續更新製品，這樣任何有連結的人都能即時跟進，而不必盯著終端看。
Turn this migration plan into a checklist artifact. Check items off as you complete them andadd a note for anything you skip.
而最狠的一個設計，就是artifact能把結果帶回終端。
做一個拖曳式的issue優先順序看板，拖完點「Copy as prompt」，排序結果粘回終端，Claude接著幹。視覺互動和程式碼工作流，在這裡直接閉環了。
上手指南：向你的會話索要一個Artifact
你可以直接向Claude要求生成一個工件，或者只需描述你的需求。以下是針對不同角色的應用建議：
法務 / 開源合規： 對所有依賴項進行許可證審計，直接從程式碼庫中標記出Copyleft協議。
隱私合規： 繪製資料流向圖，梳理程式碼中個人資料的採集、儲存和記錄路徑。
安全維運： 將安全漏洞直接關聯到具體程式碼行，讓修複方案一目瞭然。
財務營運（FinOps）/ 雲成本： 根據基礎設施即程式碼（IaC）配置，對應雲資源並定位成本驅動因素。
軟體工程師： 製作一份審查人員真正能看懂的 PR或 Bug 排查過程，涵蓋程式碼差異及邏輯解釋。
設計師與前端工程師： 基於現有的元件庫生成多種 UI 互動方案，確保選中的方案可直接上線使用。
資深工程師與架構師： 擺脫白板繪圖，直接基於真實的匯入圖（Import Graph）繪製服務間的架構關係。
SRE 與值班工程師： 建立一個動態的故障處理頁面，隨著排查深入自動更新，並直接轉化為事後總結。
工程經理： 根據本周合併的 PR，自動彙總團隊產出。
Claude Code會自動建構頁面並提供一個連結。
你可以在瀏覽器或桌面應用中打開它；通過頁面頭部的分享功能即可一鍵共享。當你在對話中繼續操作時，該頁面會自動同步更新，始終保持最新狀態。
目前，Artifacts功能正在Beta測試階段，Claude的Team和Enterprise使用者可以直接上手。不管是通過Claude Code命令列工具，還是直接用桌面客戶端，都能用。
最方便的是，生成的頁面你在任何瀏覽器裡都能直接打開看。
即時互動式共享AI工作介面之爭
可以說，Anthropic這次動作夠快的，距離OpenAI給Codex平台搞那次重磅升級，滿打滿算也就剛過去兩周。
當時，OpenAI祭出了企業級託管功能Sites。
顯然，雙方現在都在拼了命地搶佔企業辦公的地盤，戰火已經從單純的開發者工具蔓延到了實打實的業務場景。
雖然大家看起來功能差不多，但骨子裡的打法完全不同：
OpenAI走的是「平台服務（PaaS）」路線，想成為企業的一站式工廠；
而Anthropic則更像是在打造一個「無狀態的靈感畫布」。
拿OpenAI的Sites來說，它的野心很大，直接瞄準了「全端應用開發」。
它生成的項目是可以直接跑在Cloudflare Workers上的，最關鍵的是，它把後端基礎設施全包了。
你可以把它理解為一個生成式SaaS生成器，從程式碼稽核到上線發佈，它是奔著直接取代企業現有的內部工具去的。
相比之下，Anthropic的Claude Code Artifacts刻意迴避了後端。
官方最新檔案對此直言不諱：
Artifacts是對工作的一次記錄，而不是一個應用程式。
這一技術限制，實際上是Anthropic深思熟慮後的理念立場：OpenAI想為整個公司搭建持久化的軟體門戶，而Anthropic則讓Claude Code始終錨定於臨時性、高安全性的技術工作流。
Claude製品並非為了成為軟體而生，而是用安全、自動更新的可視化工具，取代白板示意圖、繁瑣的Bug復現講解和手寫進度報告。
開發者工具的範式變了
Claude Code從去年發佈到現在，一直在做一件事：證明AI程式設計助手不止是智能補全。
先是agent模式，讓Claude自己讀程式碼、改程式碼、跑測試。現在是Artifacts，讓Claude把工作成果可視化、可互動、可分享。
這個方向的終局是什麼？開發者的交付物不再只是程式碼。
一個PR的產出不只是diff，還有一個帶註釋的可互動演示頁。
一次安全掃描的產出不只是日誌，還有一個團隊能直接用來決策的report。
一次架構討論的產出不只是檔案，還有一個可以拖曳排序的方案對比板。
Claude Code正在從寫程式碼的工具變成交付工作的平台，Artifacts是這個轉變裡最直觀的一步。
通過將終端變成一個即時協作畫布，Anthropic正在證明：AI程式設計助手最有價值的產出，不只是程式碼本身，而是背後的上下文、推理過程，以及即時分享工作成果的能力。
對GPT陣營來說，Copilot還在VSCode裡打轉，Anthropic已經把戰場從編輯器拉到了瀏覽器。
這一局的競爭維度，已經改變。 (新智元)