目录
2026 年 6 月 18 日,Anthropic 发布了 Claude Code Artifacts(测试版)——这是一项把终端中的编码会话变成团队可共享的“实时”网页的功能。Claude Code 不再把无穷无尽的 git diff 和日志以文本形式刷屏,而是可以把带注释的 PR 走查、自动更新的仪表盘,或事件时间线,作为单个页面发布出来。
本文基于官方文档,介绍 Artifacts 是什么、与 2024 年的 claude.ai Artifacts 有何不同、如何使用、它的限制以及可用范围。先说三个要点。(1)它把会话的输出作为单个页面发布到 claude.ai 上的私有 URL,内容会随工作进展而更新。 (2)没有专门的 /artifact 命令——你用自然语言提出请求(“做一个带注释、走查这个 PR 的页面”)。(3)它适用于 Pro / Max / Team / Enterprise 套餐,但只能在通过 /login 登录的会话中使用(用 API 密钥则不行)。
把会话变成“共享页面”
— 从终端输出,到可以查看、可以交互的实时页面
发布到 claude.ai 的私有 URL(在你共享之前仅自己可见)。
每次更新都会成为同一 URL 下的新版本,已打开页面的人会看到它就地刷新。
1. Claude Code Artifacts 是什么
官方定义是:“artifact 是一个实时、可交互的网页,由 Claude Code 从你的会话发布到 claude.ai 上的私有 URL。” 在浏览器中打开它,它会随会话的继续而就地更新。 该页面“由你的会话所能触及的一切构建而成,包括你的代码库以及它通过你已连接的工具(MCP 连接器)拉取的数据”。
其要点在于“把难以用终端文本表达的成果,变成一个可以查看、可以交互的页面”。 例如,在一项长时间的调查过程中,你可以共享一条会逐步填充的事件时间线,或一份随任务完成而自动勾选的发布检查清单。Anthropic 把它定位为协作工具,“让团队把更少的时间花在状态同步上,把更多时间用于构建”。 可以把它看作 Claude Code 的一种新输出形式,与 Skills 和 MCP 并列。
2. 与 2024 年的 claude.ai Artifacts 有何不同
很多人会想到 2024 年出现在 claude.ai 聊天中的侧边栏(画布)Artifacts。两者共享名称与渊源,但 Claude Code Artifacts 是另一个不同的“界面”。 由于两者容易混淆,下面做个梳理(注:此对比是我们自己的整理——Anthropic 并未把二者并排比较)。
| claude.ai Artifacts(2024) | Claude Code Artifacts(2026) | |
|---|---|---|
| 显示在哪里 | claude.ai 中聊天旁的画布 | 源自终端编码会话的独立页面 |
| 内容来源 | 聊天对话 | 整个会话(代码库、连接器) |
| 对查看者实时更新 | 否(你在聊天中重新生成) | 是(已发布页面就地刷新) |
| 共享范围 | 可设为公开 | 默认私有;可在组织内共享或通过公开链接共享(Team / Enterprise 需由 Owner 开启公开共享) |
一句话概括:2024 年版是“在聊天内渲染一个 artifact”,而 2026 年的 Claude Code 版是“把终端编码会话变成一个自动更新、可共享的网页”。 名称相同,但使用场景与共享方式不同。
3. 它适合做什么
Anthropic 列举的用例,正是那种“看页面胜过读文本”的场景。
当“页面”胜过文本时
共同的判断标准:“这份输出,是查看并交互更省事,还是逐行阅读更省事?”
4. 如何使用
最大的特点是:没有专门的 /artifact 命令。 你用自然语言提出请求,或者当输出适合做成页面时,Claude 会主动提议。流程如下:
# 1) 会话中用自然语言请求(示例)
做一个 artifact,走查这个 PR 并把差异内联注释。
做一个仪表盘 artifact,按服务汇总上周的部署失败,并在调查过程中持续更新。
# 2) Claude 写出 .html(或 .htm / .md)并发布(未指定位置时写到项目外的临时目录)
# 在计划模式下,或页面声明了连接器调用等能力时,会先征求许可
# 3) URL 被打印出来并在浏览器中打开。用 Ctrl+] 重新打开最新的
# 用 CLAUDE_CODE_ARTIFACT_AUTO_OPEN=0 关闭自动打开
要更新,只需让 Claude 修改——它会编辑文件并发布到同一 URL,每次发布都成为一个新版本(可在 Share 控件中选择查看者看到哪个版本)。若要从另一个会话更新,请粘贴该 artifact 的 URL(否则会创建一个新的 artifact)。新建的 artifact 起初只有你自己能看到。 通过页面顶部的 Share 共享:在 Team / Enterprise 中可授权给特定的人或整个组织;公开链接则让任何人无需登录 claude.ai 也能打开(Team / Enterprise 仅限 Owner 开启外部共享时)。被共享者默认是查看者,在 Team / Enterprise 中也可设为编辑者。你的所有 artifact 都列在 claude.ai/code/artifacts 的图库中。
5. 限制——它不是“应用”
官方文档说得很直白:“artifact 是工作的一次捕捉,而不是一个应用程序。” 理解错了就会失望,所以请注意以下约束。
主要约束(官方)
· 无后端:单个静态页面。它无法自行验证查看者身份,也无法提供多条路由(仅支持页内锚点)。要在查看时获取最新数据,需要经由 claude.ai 调用 MCP 连接器。
· 外部请求受限:在严格的 CSP 下,页面只能加载 Google Fonts 的字体和 5 个公共 CDN(cdnjs、unpkg、jsDelivr 等)的脚本。其他外部脚本/CSS/字体/图片都会被拦截,fetch、XHR 和 WebSocket 只能访问页面自身的源和 Google Fonts。其余 CSS/JS 被内联;图片以 data URI 形式嵌入。
· 文件类型与大小:仅支持 .html / .htm / .md。渲染后的页面必须 ≤ 16 MiB(大图片是发布失败的常见原因)。
· 令牌消耗:内联的 CSS/JS 和 data URI 图片,意味着它比终端文本消耗更多令牌。
所以 Artifacts 不是“一种构建运行中应用的方式”——它是“一种把会话输出固化成一个可共享、可阅读页面的方式”。 如果你需要一个能与外部服务通信的真正工具,请走常规开发并部署。要给组织之外的人看,可以用公开链接共享(Team / Enterprise 需 Owner 已开启外部共享),或让 Claude 输出原始 HTML 文件。
6. 可用范围与管理控制
截至 2026 年 10 月 4 日的使用条件如下(请在文档中确认最新情况)。
| 项目 | 详情 |
|---|---|
| 套餐 | Pro / Max / Team / Enterprise。Team / Enterprise 默认开启,Owner 可在组织层面关闭 |
| 状态 | 2026 年 6 月 18 日以测试版形式发布(最初仅限 Team / Enterprise) |
| 可用场景 | Claude Code CLI,或 Claude 桌面应用(v1.13576.0 及以上)。在 Agent SDK / GitHub Action / MCP 服务器场景下默认关闭 |
| 认证 | 必须通过 /login 登录 claude.ai。API 密钥、网关令牌和云凭证无法发布 |
| 模型提供方 | 仅 Anthropic API(不含 Amazon Bedrock / Google Vertex / Microsoft Foundry) |
| 组织策略 | 对启用了 CMEK、HIPAA 或零数据保留(ZDR)的组织禁用 |
对管理员而言,提供了组织级开/关、基于角色的范围控制(Enterprise RBAC)、保留策略、审计日志(claude_artifact_*)以及 Compliance API。 若你想自行禁用,可在设置中使用 "enableArtifact": false、使用环境变量 CLAUDE_CODE_DISABLE_ARTIFACT=1,或拒绝 Artifact 权限。如果你在登录时卡住,请参阅 认证 / 登录错误的修复方法。
总结
Claude Code Artifacts(2026 年 6 月 18 日发布)把终端编码会话变成 claude.ai 私有 URL 上的“实时”共享页面。 PR 走查、仪表盘、事件时间线、检查清单——那些查看比阅读更省事的输出——可以共享给团队。它区别于 2024 年画布式的 claude.ai Artifacts:源自会话、自动更新、默认私有。 没有 /artifact 命令——你用自然语言提出请求,Claude 写出一个 .html 并发布,每次更新都是同一 URL 下的新版本。
但它“是工作的一次捕捉,而不是一个应用”——无后端、外部请求受限(CSP)、单个页面、≤ 16 MiB。 它适用于 Pro / Max / Team / Enterprise 套餐,需要通过 /login 登录(而非 API 密钥),且仅限 Anthropic API(不含 Bedrock 等)。对想降低状态同步成本的团队来说,它是一个有力的选择。相关阅读:Claude Agent Skills、MCP、Claude Cowork。
FAQ
Q. 它和 2024 年的 claude.ai Artifacts 是同一个东西吗?
A. 不,是不同的东西。 2024 年版是在 claude.ai 中聊天旁的画布里渲染一个 artifact。Claude Code Artifacts 把终端编码会话变成 claude.ai 私有 URL 上的独立页面,由整个会话(代码库、连接器)构建,自动更新,且默认私有。两者共享名称与渊源,但界面和共享方式不同。
Q. 我该如何创建一个?有命令吗?
A. 没有专门的 /artifact 命令。 在会话中用自然语言请求(“做一个 artifact……”),或者当输出适合做成页面时 Claude 会主动提议。Claude 写出一个 .html(或 .htm / .md)并发布,然后打印出 URL(在计划模式下,或页面声明了连接器调用等能力时,会先征求许可)。用 Ctrl+] 重新打开最新的。
Q. 任何人都能查看该页面吗?我能把它设为公开吗?
A. 新建的 artifact 起初只有你自己能看到。 用页面顶部的 Share 共享:在 Team / Enterprise 中可共享给特定的人或整个组织。使用公开链接,未登录 claude.ai 的人也能打开(Team / Enterprise 仅限 Owner 开启外部共享时)。被共享者默认是查看者,在 Team / Enterprise 中也可设为编辑者。
Q. 我能构建一个可运行的 Web 应用吗?
A. 不能。 文档称 artifact 是“工作的一次捕捉”。 它无后端、外部请求受限(CSP 只允许 fetch/XHR/WebSocket 访问页面自身的源及少数主机)、单个页面,并有 ≤ 16 MiB 的限制。 如果你需要任意的 API 调用或数据存储,请按常规方式构建并部署。Artifacts 专注于“以可阅读的形式共享输出”。
Q. 我的套餐能用吗?
A. 截至 2026 年 10 月 4 日,Pro / Max / Team / Enterprise 套餐均可使用。Team / Enterprise 默认开启,Owner 可在组织层面关闭。你需要一个通过 /login 登录 claude.ai 的会话,且 API 密钥 / 云凭证无法发布。 提供方仅限 Anthropic API(不含 Bedrock/Vertex/Foundry)。范围可能变化,请在官方文档中确认最新情况。