Anthropic 为其 AI 编程工具「Claude Code」新增了「Artifacts(产物)」功能。它能从 Claude Code 的一次会话中即时生成实时 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 模型的发布相比,这只是一项不起眼的新增,但作为把开发成果迅速传达给整个团队的底座,它在实务中的影响似乎并不小。