Claude Code 现已支持 artifacts

将你正在进行中的工作预览为一个实时、可交互的网页——基于你的完整会话上下文构建，并可与你的团队分享。

• 类别

  产品公告

• 产品

  Claude Code

• 日期

  2026 年 6 月 18 日

• 阅读时长

  5

  分钟

• https://claude.com/blog/artifacts-in-claude-code

从今天起，Claude Code 可以将工作进展捕获为一个 artifact，从而把 Claude Code 的工作转化为实时、可分享的可视化页面——包括 PR 讲解、系统说明、仪表盘和发布检查清单——这些页面会随着你的会话工作而自动更新。

Claude Code 的一次会话可以涵盖从调查一起事故，到重构一项服务，再到分析数月的数据。Artifacts 会把这些工作转化为任何人都能打开和浏览的网页，比如 pull request 的逐步讲解、可筛选和排序的仪表盘，甚至是随着工作推进而自动填写的发布清单。Artifacts 让协作共享的工作变得更轻松，使团队能把更多时间花在构建上，而更少花在同步状态更新上。

基于你本次会话的上下文构建

Claude Code 会利用你本次会话的完整上下文来构建 artifact，包括你的代码库、你的连接器以及对话本身。一个单一的事故页面就能把来自你代码的失败测试及其背后的函数、来自已连接监控工具的报错激增，以及你刚刚运行的会话中的根因推理汇聚在一起。有了 artifacts，你无需接通数据源或搭建基础设施。你只要提出要一个页面，Claude Code 就会基于已有的内容把它构建出来。

就地更新的实时页面

当 Claude Code 更新一个 artifact 时，已打开的页面会就地刷新，队友们能在更新发布的那一刻看到这些变化。每次发布都是在同一链接上的新版本，并带有版本历史，让你可以随时恢复，还有一个画廊让你浏览和管理你创建的所有 artifacts。

从我们的内部测试来看，最常见的用例之一是调试。这类场景通常大致如下：一位工程师在站会前启动一次事故调查。Claude Code 梳理日志并发布一份 artifact：时间线、可疑提交以及错误率图表。她从页面顶部把链接分享给团队。等到站会开始时，随着调查推进，Claude 已经重新发布了两次，纳入了最新信息。有了 artifact，团队成员和利益相关方不必再“带我们过一遍智能体发现了什么”，因为他们都在看同一个视图，拥有同样的上下文。

仅限你的组织内部可见

每个 artifact 默认仅对其作者可见。当你准备好时，可以直接从页面将其分享给队友和组织。Artifact 仅可由你所在组织中经过身份验证的成员查看，无法设为公开。管理员可通过组织级开关和基于角色的范围划分来管理访问权限、设置保留策略，并通过合规 API 获得组织范围的可见性。

快速上手

在你的会话中请求一个 artifact——或者直接请求某种可视化内容，here are some ideas by role:

• 法务 / 开源：对每个依赖项进行许可证审计，直接从仓库中标出 copyleft。“构建一个 artifact，列出所有第三方依赖项及其许可证，标出任何 copyleft。”
• 隐私：一份数据流图谱，标明个人数据在代码中何处被收集、存储和记录。“追踪我们在整个代码库中何处触及个人数据，形成一份用于隐私审查的产物。”
• 安全：发现项直接链接到确切代码行，让修复毫无歧义。“把本次审查中的认证发现项构建成一份产物，每一项都链接到对应代码。”
• FinOps / 平台财务：从你的基础设施即代码中映射出云资源和成本驱动因素。“把我们的云资源从 Terraform 中映射成一份产物，按服务分组，并标出主要的成本驱动因素。”
• 软件工程师：一份审查者真正能跟得上的 PR 或 bug 走查，从 diff 及其周边代码中提取。“做一份走查这个 PR 的产物——包括 diff、推理过程，以及我测试了什么。”
• 设计师与前端工程师：为某个界面提供多个 UX 方向，每个都基于你的真实组件构建，让你选中的那个可以直接交付。“给我一份产物，包含这个注册表单的 5 个 UX 变体，基于我们的组件库构建。”
• 资深工程师与架构师：一张服务实际如何组合在一起的地图，从真实的导入依赖图绘制，而非白板。“把支付服务如何组合在一起映射成一份产物，从代码中得出。”
• SRE 与值班：一个会随着你排查而不断生长的故障页面，最终变成事后复盘报告。“把这次故障变成一个产物——时间线、可疑提交、来自我们监控的错误激增——并在我逐步处理的过程中持续重新发布。”
• 工程经理：一个展示实际交付内容的页面，由已合并的 PR 构建而成。“根据 PR 构建一个产物，展示我这周团队合并了什么，按项目分组。”

Claude Code 会构建该页面并给你一个链接。在浏览器或桌面应用中打开它，从页眉处分享——更新会自动发布到同一个 URL。

可用性

Artifacts 以 beta 形式向 Claude Team 和 Enterprise 组织开放，可通过 Claude Code CLI 和桌面应用使用，页面可在任何浏览器中查看。

立即开始使用 Claude Code。

用 Claude 变革你的组织运作方式