目录
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)目前它是 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 中聊天旁的画布 | 源自终端编码会话的独立页面 |
| 内容来源 | 聊天对话 | 整个会话(代码库、连接器) |
| 对查看者实时更新 | 否(你在聊天中重新生成) | 是(已发布页面就地刷新) |
| 共享范围 | 可设为公开 | 仅限组织内;不能设为公开 |
一句话概括:2024 年版是“在聊天内渲染一个 artifact”,而 2026 年的 Claude Code 版是“把终端编码会话变成一个自动更新、组织内共享的网页”。 名称相同,但使用场景与共享方式不同。
3. 它适合做什么
Anthropic 列举的用例,正是那种“看页面胜过读文本”的场景。
当“页面”胜过文本时
共同的判断标准:“这份输出,是查看并交互更省事,还是逐行阅读更省事?”
4. 如何使用
最大的特点是:没有专门的 /artifact 命令。 你用自然语言提出请求,或者当输出适合做成页面时,Claude 会主动提议。流程如下:
# 1) 会话中用自然语言请求(示例)
做一个 artifact,走查这个 PR 并把差异内联注释。
做一个仪表盘 artifact,按服务汇总上周的部署失败,并在调查过程中持续更新。
# 2) Claude 把 .html(或 .htm / .md)写入你的项目,并请求发布
# “Claude 想把 'Deploy failures by service'(deploy-failures.html) 发布到 claude.ai 的私有页面” -> Yes
# 3) URL 被打印出来并在浏览器中打开。用 Ctrl+] 重新打开最新的
# 用 CLAUDE_CODE_ARTIFACT_AUTO_OPEN=0 关闭自动打开
要更新,只需让 Claude 修改——它会编辑文件并发布到同一 URL,每次发布都记录为一个新版本(可恢复较旧的版本)。若要从另一个会话更新,请粘贴该 artifact 的 URL(否则会创建一个新的 artifact)。通过页面顶部的 “Share” 控件共享,可授权给特定的人或整个组织——新建的 artifact 起初只有你自己能看到。 查看者必须以同一组织成员的身份登录 claude.ai,且它是只读的(不是协同编辑——你始终是唯一的写入者)。 你的所有 artifact 都列在 claude.ai/code/artifacts 的图库中。
5. 限制——它不是“应用”
官方文档说得很直白:“artifact 是工作的一次捕捉,而不是一个应用程序。” 理解错了就会失望,所以请注意以下约束。
主要约束(官方)
· 无后端:单个静态页面。它无法存储表单输入、无法在查看时调用 API,也无法提供多条路由(仅支持页内锚点)。
· 无外部请求:严格的 CSP 会拦截外部脚本/CSS/字体/图片,以及 fetch、XHR 和 WebSocket。CSS/JS 被内联;图片以 data URI 形式嵌入。
· 文件类型与大小:仅支持 .html / .htm / .md。渲染后的页面必须 ≤ 16 MiB(大图片是发布失败的常见原因)。
· 令牌消耗:内联的 CSS/JS 和 data URI 图片,意味着它比终端文本消耗更多令牌。
所以 Artifacts 不是“一种构建运行中应用的方式”——它是“一种把会话输出固化成一个可共享、可阅读页面的方式”。 如果你需要一个能与外部服务通信的真正工具,请走常规开发并部署。要分享到组织之外,让 Claude 输出原始 HTML 文件(共享止步于组织边界)。
6. 可用范围与管理控制
截至 2026 年 6 月,其范围有限(这是测试版——请在文档中确认最新情况)。
| 项目 | 详情 |
|---|---|
| 套餐 | 仅 Team / Enterprise(不含 Pro/Max)。Team 默认开启;Enterprise 由管理员启用 |
| 状态 | 测试版(2026 年 6 月 18 日发布) |
| 可用场景 | 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。 若你想自行禁用,可在设置中使用 "disableArtifact": true、使用环境变量 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。 使用上它是 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 授权给特定的人或整个组织。查看者必须以同一组织成员的身份登录 claude.ai,且它是只读的。 若要交给组织之外的人,请让 Claude 输出原始 HTML 文件。
Q. 我能构建一个可运行的 Web 应用吗?
A. 不能。 文档称 artifact 是“工作的一次捕捉,而不是一个应用程序”。 它无后端、无外部请求(CSP 会拦截 fetch/XHR/WebSocket)、单个页面,并有 ≤ 16 MiB 的限制。 如果你需要表单存储或 API 调用,请按常规方式构建并部署。Artifacts 专注于“以可阅读的形式共享输出”。
Q. 我的套餐能用吗?
A. 截至 2026 年 6 月,它是 Team / Enterprise 的测试版(不含 Pro/Max)。Team 默认开启;Enterprise 由管理员启用。你需要一个通过 /login 登录 claude.ai 的会话,且 API 密钥 / 云凭证无法发布。 提供方仅限 Anthropic API(不含 Bedrock/Vertex/Foundry)。范围可能变化,请在官方文档中确认最新情况。