6月19日消息,Anthropic 宣布 Claude Code 正式支持 Artifacts 功能(Beta)。开发者在终端会话中输入一句自然语言指令,Claude Code 即可将当前编码会话的完整上下文——包括代码库、MCP 连接器数据和对话历史——生成为一个交互式 HTML 网页,自动发布到组织私有 URL 并实时更新。这是继 OpenAI Codex Sites(6 月 2 日)和 GitHub Copilot Canvases(Build 2026)之后,第三家主流 AI 编码工具将「会话产出可视化 + 团队共享」作为核心功能推出,标志着 AI 编码工具正从「写代码」全面转向「交付可协作产物」。 功能全景:从终端会话到交互式团队页面
Claude Code Artifacts 的核心机制是将 CLI 编码会话的完整上下文转化为独立的交互式网页。与 Claude.ai 聊天界面中已有的 Artifacts 不同,Claude Code 版本专为开发团队的协作场景设计,具备三个关键差异。 第一,上下文深度不同。Claude Code 构建 Artifact 时可以调用完整的会话上下文,包括本地代码库、已连接的 MCP 服务器(如监控工具、CI/CD 管线)以及整个对话历史。这意味着一个事故调查页面可以同时包含出错的测试用例及其背后的函数代码、来自监控工具的错误率曲线,以及当前会话中的根因分析推理过程——无需手动对接数据源或搭建基础设施。
第二,实时更新机制。每次发布都在同一 URL 生成新版本,已打开页面的团队成员会即时看到更新内容。Anthropic 内部测试中最常见的用例是故障排查:工程师在早会前启动事故调查,Claude Code 发布第一版 Artifact(时间线、可疑提交、错误率图表),分享链接给团队;到早会开始时 Claude 已基于调查进展自动重新发布了两次,团队成员无需等待「给我们讲讲 Agent 发现了什么」,直接看同一个实时更新的页面即可。
第三,版本管理与画廊浏览。每次发布自动生成版本历史,支持回滚到任意历史版本。Gallery 视图允许用户浏览和管理所有已创建的 Artifacts。
使用方式极其简洁:在 Claude Code 会话中直接要求生成 Artifact,或描述任何可视化需求。Claude Code 生成页面后返回链接,可在浏览器或桌面应用中打开,通过页面头部直接分享。快捷键 Ctrl+] 可随时从终端重新打开最近的 Artifact。
技术架构:16 MiB 沙盒与零外部请求的安全设计
Claude Code Artifacts 在技术实现上选择了极端保守的安全架构。每个 Artifact 是一个独立的 HTML 页面,渲染大小上限 16 MiB。页面通过沙盒域名 *.claudeusercontent.com 加载,与 claude.ai 主域隔离。 安全策略的核心是严格的内容安全策略(CSP):所有外部网络请求被完全阻断,包括外部脚本、字体、样式表加载,以及 fetch、XHR 和 WebSocket 调用。这意味着所有 CSS 和 JavaScript 必须内联,图片必须以 data URI 形式嵌入。Artifact 不能存储表单输入、在查看时调用 API 或提供多路由服务。
这一限制并非技术妥协,而是 Anthropic 明确的产品定位选择。VentureBeat 在报道中指出,与 OpenAI 希望 Codex Sites 成为企业内部持久化软件门户不同,Anthropic 将 Artifacts 定位为编码会话的「即时快照」——足以传达工作进展和分析结论,但刻意不演变为需要长期维护的应用。
对企业合规团队而言,关键安全保障包括:Artifacts 默认仅对作者可见,分享后仅限组织内经过身份验证的成员查看,且不能被设为公开(这与 Claude.ai 消费端 Artifacts 可公开发布形成对比)。管理员拥有组织级开关、角色级权限控制、自定义数据保留策略,以及通过 Compliance API 获取组织范围内的 Artifact 列表、检索特定版本内容和执行删除操作的能力。
行业影响:AI 编码工具的第三次形态跃迁
AI 编码工具正经历第三次形态跃迁。第一阶段是自动补全(2021-2023),以 GitHub Copilot 为代表,AI 预测下一行代码;第二阶段是 Agent 化(2024-2025),以 Cursor Agent Mode、Claude Code CLI 和 Codex Cloud 为代表,AI 接管整个任务循环——读代码、编辑文件、运行命令、检查输出、迭代修复;第三阶段是「产出可视化与协作共享」(2026),AI 不仅完成编码任务,还将工作成果封装为团队可消费的交互式页面。 这一跃迁的驱动力是 Agent 化带来的新痛点。GitHub 在 Copilot 桌面应用发布时明确指出:Agent 工作流让开发更快,但也带来了碎片化工作流、更多上下文切换和大量时间花在审查 Agent 生成代码上的问题。当多个 Agent 并行工作时,开发者很容易「丢失正在运行什么」的追踪,代码落入 PR 却缺乏 Agent 尝试了什么、验证了什么、哪里需要人类判断的清晰轨迹。Artifacts/Sites/Canvases 本质上都是对这一痛点的回应:将 Agent 的隐性工作过程显性化为团队可审查的可视化产物。
对非技术团队成员的影响同样值得关注。OpenAI 披露 Codex 的 500 万周活用户中约 20% 是非开发者,且这一群体的增长速度是开发者的 3 倍以上。Artifacts/Sites 让分析师、产品经理、法务合规人员可以直接消费 AI 编码会话的产出,不再需要开发者「翻译」终端日志或聊天记录。
竞品对比:三种路线的差异化选择
当前三大竞品在「会话产出可视化」赛道上展现出明确的路线分歧。
OpenAI Codex Sites(6 月 2 日发布,Business/Enterprise 预览)走的是「轻量应用平台」路线。Sites 可以创建、部署并托管完整的交互式 Web 应用,包含后端逻辑、数据持久化能力和多路由支持,通过 OpenAI 管理的基础设施托管,目标是替代企业内部永远排不上开发优先级的内部工具——仪表盘、项目追踪器、知识库、审批流程。战略定位清晰:不是与 Squarespace 竞争公开网站市场,而是切入企业内部工具的无人区。
Claude Code Artifacts(6 月 18 日发布,Team/Enterprise Beta)走的是「编码会话快照」路线。16 MiB 单页限制、零外部请求的 CSP 策略、不支持后端或多路由,这些技术约束共同传达了一个信号:Artifacts 是会话上下文的即时可视化,不是需要维护的应用。优势在于安全性极高(信息不可能从 Artifact 泄露到外部)和上下文整合深度(直接读取代码库 + MCP 连接器 + 对话历史),适合事故排查、PR 走查、安全审计等需要从代码到结论的完整可追溯性的场景。
GitHub Copilot Canvases(Build 2026,6 月 2 日发布,技术预览)走的是「Agent 编排面板」路线。Canvas 是人类与多个 AI Agent 的共享工作面,可以显示计划、PR、浏览器会话、终端、部署状态、仪表盘或工作流状态。Agent 在 Canvas 上实时更新工作进展,开发者在同一界面编辑、重排、审批或重定向工作。与前两者的关键区别在于,Canvas 是 Copilot 桌面应用内的原生组件,深度绑定 GitHub 的 Issue-PR-CI 流水线,而非独立的可分享网页。
Cursor 3(4 月 2 日发布)目前没有对标功能。其 Agent Mode 聚焦于 IDE 内的端到端任务执行(读代码→编辑→运行→检查→迭代),但产出物仍局限于代码变更本身,缺乏将工作过程封装为可分享可视化页面的能力。考虑到 Cursor 已拿到超 30 亿美元融资、年化收入达 20 亿美元,这一功能缺口后续大概率会补上。
局限性:三个需要关注的约束
第一,功能天花板明确。16 MiB 限制加上零外部请求意味着 Artifacts 不适合构建任何需要实时数据拉取、用户输入持久化或复杂交互的应用。与 Codex Sites 可以托管完整 Web 应用形成对比,Artifacts 本质上是「美化的静态报告」而非「轻量应用」。对于需要内部工具级别功能的团队,这一限制可能迫使他们同时使用 Codex Sites 或自建方案。
第二,可用性范围窄。当前仅限 Claude Team 和 Enterprise 订阅的 Beta 用户,通过 Claude Code CLI 和桌面应用使用,页面在任何浏览器中可查看。免费和 Pro/Max 用户暂无法使用此功能。考虑到 Claude Code 本身的用户基数相对 Codex 的 500 万周活仍有差距,生态覆盖面是短期挑战。
第三,与 Claude.ai Artifacts 的功能分裂。Claude.ai 聊天界面中的 Artifacts 支持 React 组件、持久存储(最高 20 MB)、API 调用、公开发布——这些能力在 Claude Code 版本中均不存在。两套 Artifacts 在技术架构和功能定位上的差异可能对用户造成认知混淆,尤其是同时使用 Claude.ai 和 Claude Code 的团队需要理解两者的能力边界完全不同。