如果你用过 Claude 里的 Artifacts（工件），应该熟悉那种"让 AI 直接在侧栏里生成可预览的 React 组件、SVG、HTML 小工具"的体验。但很长一段时间里，Artifacts 有个明显的短板：生成出来的东西很难拿出 Claude 给别人看，更别提一起改。 Anthropic 最近把这块补齐了——Artifacts 现在支持公开链接分享，并且多人可以同时编辑同一个 Artifact（官方和媒体称之为 "multiplayer"）。

这篇文章基于 Anthropic 官方支持文档与多家媒体核实，讲清楚这项能力怎么用，以及它和容易混淆的 Claude Code Artifacts 有什么区别。

这项能力到底是什么

Anthropic 官方支持文档（support.claude.com/en/articles/9487310）对 Artifacts 的描述是：把想法转成可分享的 app、工具或内容。新加的能力可以拆成两件独立的事：

1. 公开分享（Publish & Share）：点 Artifact 面板底部的 publish 按钮，生成一个公开链接，任何人无需登录 Claude 就能查看；也可以把 Artifact 嵌入到外部网页
2. 多人实时协同编辑（Multiplayer）：多个人可以同时编辑同一个 Artifact，类似 Figma/Google Docs 的实时协作体验

媒体（AlphaSignal、VentureBeat 等）的报道标题都把这个变化概括成一句话：Artifacts are now multiplayer. 意义在于，Claude 生成的产物从"只能自己看一眼"升级成了"可以当团队协作的起点"。

怎么用：从生成到分享

第一步：在 Claude 里生成一个 Artifact

像往常一样让 Claude 生成适合 Artifact 形态的内容。最容易触发 Artifact 的类型：

• React / Next.js 组件（最常见）
• HTML + CSS + JS 的小页面、小工具
• SVG 图形或 Mermaid 流程图
• Markdown 文档

例如直接说："帮我写一个 React 组件，输入一个日期，输出这个日期的倒计时卡片，要好看。" Claude 会把代码渲染成一个可交互的预览出现在右侧 Artifacts 面板。

第二步：点 Publish 生成公开链接

在 Artifact 面板底部找到 Publish（发布）按钮。点击后会生成一个公开可访问的链接。把这个链接发给同事或客户，对方在浏览器里打开就能看到完整可运行的预览，不需要 Claude 账号，也不需要看源码。

如果你想把它嵌到自己的博客、Notion、Confluence 里，也可以拿到嵌入代码。

第三步：邀请其他人一起编辑

开启 multiplayer 模式后，协作者不仅能看，还能直接在同一个 Artifact 上修改——改文案、调样式、加交互。所有人的改动实时同步，你能看到对方的操作。

💡 提示：multiplayer 适合"AI 出第一版 + 团队人肉微调"的工作流。让 Claude 先把结构和样式铺好，再让设计师调配色、让产品经理改文案，比每次都让 AI 从零重生成要快。

第四步：下载或派生（Remix）

除了在线分享和协作，Artifacts 也支持把内容下载到本地（HTML 文件、代码源文件），或基于别人的 Artifact 做 Remix 派生出自己的版本。这条路径对"想把 AI 生成的 demo 沉淀成项目代码"的开发者很实用。

和 Claude Code Artifacts 别搞混

Anthropic 还有一个名字很像的产品叫 Claude Code Artifacts，2026-06-18 进入 beta。两者不是一回事：

简单说：网页 Artifacts 是"分享 AI 生成的一个产物"，Code Artifacts 是"分享 AI 写代码的过程"。本文讲的是前者的 multiplayer 与公开分享。

应用场景

• 交互 Demo：产品经理让 Claude 生成一个交互原型，publish 出链接直接发给设计/老板/客户评审
• 教学/教程：教师把可运行的代码示例做成 Artifact，学生打开链接就能操作、改参数看效果
• 数据看板：让 Claude 把数据渲染成 React 图表组件，分享给团队实时查看与微调
• 嵌入式小工具：把 Artifact 嵌入内部 wiki，团队成员随时能用，不用各自重写
• 跨职能协作：设计师在 multiplayer 里改 UI，开发同时改逻辑，AI 负责把双方改动的代码整合

当前需要注意的几点

• 首发范围：multiplayer 与公开分享最先在 Team 和 Enterprise 套餐里铺开，个人版用户的能力上线节奏以官方公告为准
• 尺寸/资源限制：对于 Code Artifacts，单页面有 CSP 与约 16 MiB 的体积上限（参见 Digital Applied 等第三方详解），Web Artifacts 也有类似的安全沙箱限制，复杂依赖可能跑不起来
• "legacy Artifacts" 退休：Anthropic 在 2026 年 5 月中旬曾通知 Team/Enterprise 管理员，旧的 Artifacts、自定义 Styles 等特性会逐步调整，建议关注官方 changelog 确认你正在用的能力是否受影响
• 分享前先脱敏：publish 后链接是公开可访问的，Artifact 里如果有真实业务数据、API Key、客户信息，分享前一定要清掉

小结

multiplayer + 公开分享让 Claude Artifacts 从"个人玩具"升级成了"团队协作起点"。最直接的受益是：你不再需要把 Claude 生成的 React 组件截图发 Slack、再把代码贴到 GitHub——一个链接就能让别人看到能跑的东西，还能一起改。如果你的团队已经用 Claude Team/Enterprise，今天就把这个能力跑一遍，体验差异非常明显。