Claude Code 新功能：工作成果一键变可分享页面

你用 Claude Code 干了一下午的活：重构了一个模块、跑通了测试、生成了项目文档。想给团队展示成果时，以前你得截图、复制代码、贴到文档里，队友还得自己搭环境才能验证。现在，Claude Code 可以把这次会话里产出的东西直接变成一个交互式页面，生成链接发给队友就行。这就是 Claude Code Artifacts。

一、Artifacts 是什么

Artifacts 是 Anthropic 推出的一项功能，可以把 AI 对话中产出的内容，包括代码、文档、可视化图表和交互式页面，变成独立的、可分享的网页。

最早 Artifacts 只在 Claude 网页版（claude.ai）上可用，后来扩展到 Claude Pro 和 Max 用户。现在，Claude Code 也能用了。这意味着你在 Claude Code 里和 agent 协作的产出，不再只存在于终端会话里，而是可以变成一个团队都能访问的交互式页面。

按照官方文档的描述，Artifacts 是 Claude Code 从当前会话发布到 claude.ai 私有链接上的活页面：会话继续推进时，页面内容会原地更新；每次重新发布，都会在同一个链接上产生一个新版本。

二、在 Claude Code 里怎么用

使用方式很轻，基本不需要改变现有的工作习惯：

• 自动生成：当某轮输出适合做成页面时，Claude 可能会主动把它发布为 Artifact，比如一份变更走查页。
• 一句话触发：也可以直接用自然语言提要求，例如「做一个 artifact，把这次 PR 的 diff 逐行标注后走查一遍」。
• 找回与管理：发布后 Claude 会打印链接并自动打开浏览器，按 Ctrl+] 可以重新打开最近一次的 Artifact；运行 /artifacts 可以查找或挂载已有的 Artifact。

三、典型使用场景

PR Walkthrough：跑完一轮重构，让 Claude Code 生成一个代码变更走查页面，哪些文件改了、改动逻辑是什么、测试结果如何，一条链接发给队友 review，比贴 diff 友好得多。

项目 Dashboard：agent 跑完一整套分析后，可以把项目状态报告变成仪表盘页面，依赖状态、测试覆盖率、性能指标一目了然。

文档和报告：技术文档、架构设计、测试报告不再只是终端里的 markdown 文本，而是排版好的可分享页面。

交互式原型：agent 生成的前端代码可以直接渲染成可交互的页面预览，队友打开链接就能看到效果，不需要本地跑环境。

四、分享机制与计划限制

分享粒度分三层：页面默认私有，只有你自己能看到；在 Team 和 Enterprise 计划里，可以共享给指定的组织成员或全员，查看者需要以组织成员身份登录；也可以生成公开链接，任何人无需登录即可访问。要注意，在 Team 和 Enterprise 计划上，公开分享默认关闭，需要组织 Owner 主动开启。

计划方面，Artifacts 面向 Pro、Max、Team 和 Enterprise 计划开放，免费版暂不支持；同时要求使用 claude.ai 账号登录、直连 Anthropic API，不支持 Bedrock、Vertex 这类接入方式。

技术上也有些硬约束值得了解：页面是单个自包含文件，没有后端；外链只允许 Google Fonts 和少数公共 CDN 的脚本，图片必须以 data URI 形式内嵌；渲染后的页面不能超过 16 MiB；查看者是在沙箱化的独立域名里加载页面的。

五、它解决了什么问题

以前 Claude Code 的产出是孤岛：会话里产出了很多好东西，但分享给团队需要大量手动工作，截图、复制、整理、贴文档。现在 Artifacts 把这个过程变成一键生成、一键分享。

整套功能的思路可以概括为一句话：Everything is an Artifact，你在 Claude Code 里产出的任何东西，都应该可以变成可分享的页面。

六、小结

Claude Code Artifacts 把 agent 的终端产出变成了可分享的交互式页面，核心价值是打破会话的孤岛效应：工作成果不再只存在于你的终端里，而是可以一键变成团队都能访问、都能交互的页面，并随会话推进持续更新。对用 Claude Code 做团队协作的人来说，这是一个很实际的体验升级。