Claude Code Artifacts 讲清楚:它能做什么,谁现在能用,和 Claude.ai Artifacts 有什么不同
Claude Code 现在可以把它做出来的东西发布成一个实时网页,直接发链接给同事看,不用截图,也不用开 localhost 隧道。这确实解决了一个真痛点,但也很容易和旧的 Claude.ai Artifacts 混在一起;更关键的是,很多标题没有讲清楚:它现在只面向 Team 和 Enterprise。下面这版只回答一个问题:我到底能不能用,值不值得用?
2026 年 6 月 18 日,Anthropic 发布了 Claude Code Artifacts。这个功能能把一次 Claude Code 会话里的成果变成一个实时、可分享的网页。你让它做依赖审计、生成 PR 讲解,或者从代码库里拉数据做仪表盘,最后拿到的不再是一大段终端输出,而是一个可以发给同事的 URL;工作继续变化时,页面也会跟着更新。
这是真正解决真痛点的升级。但它也有两个容易被忽略的前提:一是它很容易和你已经熟悉的 Claude.ai Artifacts 混在一起;二是它的开放范围有限,很多发布报道只顺手提了一句。这篇只讲实用版本。
30 秒版本
- 它是什么: Claude Code 会把一次会话的输出做成实时、可交互的网页,包括仪表盘、PR 讲解、系统说明、发布检查清单和事故复盘。内容来自你的代码库、连接器和对话。你用自然语言提需求,它生成可分享页面。
- 关键限制: 目前是 beta,只面向 Team 和 Enterprise。个人 Pro 和 Free 用户暂时不能用。
- 它不是 Claude.ai Artifacts。 后者是 2024 年上线的聊天侧功能,在消费者版应用里渲染单个输出;前者是由代码库支撑的开发者功能。同名,不同东西。
- 它替代什么: 过去为了分享 Claude Code 做出来的东西,大家只能截图、粘文档,或者把
localhost暴露出去。 - 什么时候值得用: 你的团队已经在用 Claude Code,并且需要把它的成果真正展示给别人看;如果只是个人临时渲染一次,价值就没那么大。
它到底是什么
一次普通的 Claude Code 会话,通常产出代码改动、命令输出和一段对话记录。Artifacts 增加的是一种新的输出形态:托管的交互式页面。按 Anthropic 的说法,会话可以生成展示发现、时间线、代码分析和图表的页面;这些内容来自你的代码库和已连接工具,不需要你手动接数据,因为它本来就在使用会话上下文。
它不是简单的「导出成 HTML」。关键差别有三个:
- 页面保持实时。 Claude Code 修改这个产物时,页面会原地刷新。它不是一个需要反复重新生成的静态快照。
- 页面有版本。 多个版本会被保留在历史记录里,可以回退。
- 可以分享,但边界清楚。 你从页面头部复制链接分享;页面默认只在组织内私有可见,并由管理员控制基于角色的访问权限。
官方列出的用例横跨多个角色:工程师做 PR 讲解,安全团队把发现关联到具体代码行,法务团队审计依赖,设计师原型化 UI 变体,事故响应人员在调查进行中维护一份实时演进的复盘。
等等,这不就是 Claude Artifacts 吗?
这件事必须讲清楚,因为名字撞了,搜索结果也会撞。
| Claude.ai Artifacts(2024) | Claude Code Artifacts(2026) | |
|---|---|---|
| 入口 | 消费者版 Claude 应用里的聊天侧栏 | Claude Code CLI 和桌面应用 |
| 渲染内容 | 对话中的单个输出,比如代码、文档、HTML 小组件 | 一整次会话的成果,发布成托管页面 |
| 依托什么 | 当前聊天对话 | 你的代码库、连接器和会话上下文 |
| 谁能用 | 覆盖面很广 | 仅限 Team/Enterprise beta |
| 解决的问题 | 在聊天里查看并迭代一个具体产物 | 把一次编码会话的结果发布出来,给团队查看和分享 |
简短说:2024 年的功能是在聊天里渲染「一个东西」;2026 年的功能是把「一次会话的成果」发布成团队可以打开的网页。如果你是已经在 Claude 应用里用过 Artifacts 的个人用户,这次发布的不是同一个功能,而且你现在大概率还不能打开它。
谁能用
发布时的范围很明确:面向 Claude Team 和 Enterprise 组织的 beta。入口是 Claude Code CLI 或桌面应用,生成的页面可以在任何浏览器里查看。你去找开关之前,先记住这条边界:
- Team 或 Enterprise 套餐: beta 可用;预期会出现在 CLI 或桌面端,并受组织管理员控制。
- Pro 或 Free 套餐: 还不能用。beta 阶段,搜索「怎么开启 Claude Code Artifacts」不会给你找到一个个人账户可用的开关。
这不是遗漏,而是产品选择:Artifacts 默认组织内私有,并带基于角色的权限控制,本来就是偏企业协作的功能。几天后 Anthropic 发布 Claude Tag——Slack 里共享的 @Claude agent 时,走的也是同一套路:先开放给 Team 和 Enterprise beta。以后会不会下放到个人套餐,是目前真正悬而未决的问题。
它真正解决的问题
最诚实的说法是:Claude Code 已经很擅长产出东西,但过去不擅长分享东西。想给同事看一份生成的报告或实时仪表盘,常见办法是截图、把 Markdown 粘到文档里,或者通过隧道暴露 localhost。这个缺口明显到发布当天就有第三方工具冒出来,专门把 Claude Code 输出发布成永久 URL。
Artifacts 把这条路径做成了一方功能:一次会话的结果会变成一个私有、可通过链接分享、并且保持实时的页面。如果你的团队卡在「Claude Code 已经把活干了,接下来怎么让五个人不用屏幕共享也能看」这个环节,它就是冲着这个问题来的。
什么时候值得用,什么时候不值得
适合用在这些场景:
- 团队已经在用 Claude Code,而输出需要被多人查看,例如评审讲解、审计、仪表盘、事故复盘。
- 产物需要保持实时,例如状态页或指标视图应该反映最新运行结果,而不是一张过期截图。
这些情况先别急:
- 你是个人使用。分享和组织权限才是这个功能的重点;一个人用,本地渲染或现有工具通常更简单。
- 你不在团队套餐里。它现在不可用,而更大的周边生态已经有第三方办法发布一次性页面。
- 你想在 Claude Code 之外使用。它绑定编码会话,不是一个通用发布工具。
什么会改写这篇文章
最明显的是:正式开放,以及 Pro/个人账户能否使用。 现在 Team/Enterprise 的限制是最大前提;如果 Anthropic 之后把它开放给个人套餐,大多数读者的判断都会反过来。还值得观察的包括:是否支持导出或自托管(目前是托管页面,默认组织内私有),以及它会怎样影响整个 Claude Code 工具生态。beta 有变化时,这篇会更新。
延伸阅读
- 现在最值得装的 Claude Code 工具 —— 一方功能放进第三方生态里,该怎么定位。
- 2026 年 Claude Code 生态缺口 —— 它补上的分享/发布缺口,以及还没补上的那些。
- 管理 Claude Code 的上下文窗口 —— Artifacts 来自会话上下文;上下文干净,产物才可靠。
- 运行一队长期 agent —— Artifacts 面向的正是这种团队级使用方式。
来源
- Claude Code now supports artifacts — Anthropic (June 18, 2026)
- Anthropic’s Claude Code Artifacts brings live, shared dashboards to enterprises — VentureBeat
- Anthropic launches Claude Code Artifacts, turning AI sessions into live enterprise dashboards — Crypto Briefing
FAQ
Claude Code Artifacts 是什么? 这是 2026 年 6 月 18 日发布的功能,会把一次 Claude Code 会话里的成果变成实时、可分享的网页,例如仪表盘、PR 讲解、系统说明或事故复盘。它基于你的代码库、连接器和对话生成,页面会原地更新,保留版本历史,并且默认只在组织内私有可见。你描述想要什么,Claude Code 生成页面,再分享链接。
它和 Claude.ai Artifacts 是一回事吗? 不是。Claude.ai Artifacts(2024)是在消费者版聊天应用里的侧栏渲染单个输出,覆盖面很广。Claude Code Artifacts(2026)会把完整编码会话的结果发布成由代码库支撑的网页,而且目前只限 Team/Enterprise beta。同名,但入口和受众都不同。
谁现在能用? 发布时它是面向 Claude Team 和 Enterprise 组织的 beta,通过 Claude Code CLI 或桌面应用使用,生成页面可在任何浏览器里查看。Pro 和 Free 用户暂时没有。
它解决了什么问题?
解决 Claude Code 输出的分享问题。它用一方的、可通过链接分享的实时页面,替代截图、粘文档、暴露 localhost 这些临时办法,并且会随着工作变化保持同步。
这篇对你有帮助吗?