Claude Code 学习站

Claude Code Artifacts:把会话过程变成实时协作页面

Claude Code 新增 Artifacts 功能,可将代码、日志、监控数据等会话上下文一键生成可实时更新、可共享的可视化网页。

本页目录6
要点速览
  • Artifacts 直接利用当前会话的代码库、连接器和对话上下文生成可视化页面,无需额外配置数据源或搭建基础设施
  • 页面会随 Claude Code 后续操作自动刷新并发布新版本,始终停留在同一链接,团队成员可查看历史版本
  • 默认仅创建者可见,共享范围限定在已认证的组织成员内,不支持公开发布;管理员可设置基于角色的访问、保留策略并通过合规 API 获取组织级可见性
  • 典型场景覆盖安全审查、PR/故障讲解、依赖许可证审查、云成本归因、UX 方案对比、事故复盘页等多种角色
  • 目前以 Beta 形式向 Claude Team 与 Enterprise 组织开放,可在 Claude Code CLI 与桌面应用中直接向会话请求生成

本文是对 Anthropic 官方文章「Artifacts in Claude Code」的中文要点摘要,完整内容以原文为准:https://claude.com/blog/artifacts-in-claude-code

这是什么

Claude Code 新增了 Artifacts(人工制品)功能,可以把当前会话里正在进行的工作转成一个实时、可交互的网页,比如 PR 演练页、系统说明图、仪表板、发布清单、事故时间线等。这类页面会随着会话中的后续操作自动更新,不需要用户手动重新导出或截图。

核心机制

基于完整会话上下文生成 Artifacts 直接复用当前会话已经掌握的全部信息——代码库、已连接的工具/连接器、以及对话历史本身——来拼装页面内容。官方给出的例子是:一个事故页面可以同时汇总代码里失败的测试、相关函数、已接入监控工具的错误峰值曲线,以及会话中已经完成的根因分析,全程不需要额外配置数据源或搭建可视化基础设施。

实时更新、固定链接 当 Claude Code 在会话中继续推进工作并更新对应的 artifact 时,已经打开该页面的团队成员会看到内容实时刷新。每次发布都会在同一个链接上生成一个新版本,历史版本可以随时回溯查看;同时还有一个「库」界面,可以集中查看和管理自己创建过的所有 artifacts。

官方描述了一个典型内部使用场景:工程师在站会前用 Claude Code 排查一个线上事故,处理完日志后发布一个包含时间线、可疑提交和错误率图表的 artifact,并把链接发给团队。调查过程中随着新线索出现会多次重新发布、更新同一个页面。这样团队成员不需要再听一遍代理排查过程的口头讲解,大家看的是同一份实时视图。

隐私与权限控制

  • 默认私有:每个 artifact 刚创建时只有创建者本人可见。
  • 按需共享:准备好之后可以直接从页面上把链接分享给团队成员或整个组织。
  • 仅限组织内:分享范围限定在已通过身份认证的组织成员,不支持公开发布到组织外部。
  • 管理员控制:组织管理员可以通过组织级开关管理该功能的整体访问权限、设置基于角色的作用域(role-based scoping)、配置保留策略,并通过合规 API(compliance API)获取组织范围内的可见性。

对于关注数据合规和权限边界的团队,这套机制值得在开启功能前提前确认好组织级设置。

典型使用场景(按角色)

官方按不同职能给出了一批示例场景:

角色典型用法
法务 / 开源合规审查每个依赖的许可证,标记 copyleft 许可
隐私团队绘制个人数据在代码中的采集、存储、日志路径的数据流图
安全团队把审查发现直接链接到具体代码行,让修复点一目了然
FinOps从基础设施即代码(IaC)中映射云资源和成本驱动因素
工程师制作 PR 或 bug 的可视化讲解,方便审阅者理解改动
设计师 / 前端基于组件库为同一个界面生成多套 UX 方案对比
架构师依据真实的代码导入关系(而非手绘白板图)生成服务架构图
SRE / 值班工程师创建随调查深入不断补充的事故页面,最终沉淀为事故报告
工程经理汇总展示团队本周合并的内容

这些场景的共同点是:把「本来需要口头讲解或另外整理文档」的内容,转成一个可以直接分享、随进展自动更新的页面。

如何使用

用法很简单——不需要特殊命令,直接在会话中向 Claude Code 提出请求即可,比如让它把当前的排查结论、PR 改动或方案对比做成一个可视化页面。Claude Code 生成页面后会给出链接,可以在浏览器或桌面客户端里打开;从页面顶部可以直接发起共享,后续更新会自动发布到同一个 URL,不会产生新链接。

可用性

目前该功能以 Beta 形式向 Claude TeamEnterprise 组织开放,可以通过 Claude Code CLI 和桌面应用触发,生成的页面可以在任意浏览器中查看。