Claude Code Artifacts
Claude Code 推出 Artifacts 功能:打造实时交互式 AI 开发与团队协作新体验
Claude Code 现已支持 Artifacts 功能,能将复杂的开发会话转化为实时、可分享且交互感十足的网页。无论是 PR 演示、系统架构说明还是故障排查仪表板,Artifacts 都能基于全量会话上下文自动构建并更新。该功能专为团队协作设计,提供企业级隐私保障与版本管理,支持从法律合规、安全审计到工程管理的多元场景,显著提升开发流程透明度与执行效率。
2026-06-20
119505.6K
Claude Code Artifacts 产品信息
Claude Code Artifacts 全面指南:重塑开发者协作与生产力
在现代软件开发流程中,沟通成本往往是影响进度的关键因素。为了进一步打破信息茧房并提升开发效率,Claude Code 正式宣布支持 Artifacts 功能。这一重磅更新允许开发者将 Claude Code 的工作进展转化为实时的、可交互的 Web 页面。无论是 PR 走查、系统说明文档、实时仪表板还是发布清单,Artifacts 都能根据会话上下文动态生成并持续更新,让团队成员始终保持同步。
什么是 Claude Code Artifacts?
Claude Code Artifacts 是一种全新的工作流产物,它能够捕获 Claude Code 在会话中的工作进展,并将其转化为可分享的可视化页面。在一次 Claude Code 会话中,你可能正在调查线上故障、重构核心服务或分析长达数月的数据。Artifacts 的作用在于将这些复杂的后端逻辑和推理过程“翻译”成任何人都能轻松打开并探索的网页。
通过 Artifacts,原本枯燥的代码输出可以变成带有过滤和排序功能的仪表板,或是随着工作完成自动勾选的发布检查清单。这不仅简化了团队内部的协作,还让开发者能够将更多精力投入到构建产品上,而非反复手动更新工作状态。
Claude Code Artifacts 的核心特性
1. 基于完整会话上下文构建
Claude Code 在构建 Artifact 时,会充分调用当前会话的完整上下文,包括:
- 源代码库:直接从代码中提取逻辑与结构。
- 连接器 (Connectors):集成第三方监控工具或数据源。
- 对话历史:结合开发者的意图与 Claude Code 的推理过程。
例如,在处理线上事件时,一个 Artifact 页面可以同时展示失败的测试案例、相关的源代码函数、监控工具中的错误峰值以及 Claude Code 分析得出的根因报告,无需手动拼接数据。
2. 实时更新与就地刷新
当 Claude Code 更新 Artifact 时,已打开的页面会就地刷新。这意味着团队成员看到的永远是最新的发布版本。每一次发布都会生成新的版本记录,并保留在同一个链接下。开发者可以随时查看历史版本或进行回滚,通过内置的 Gallery(画廊)功能,用户可以轻松管理和浏览所有已创建的 Artifacts。
3. 组织级的隐私与安全保障
安全是 Claude Code 的核心。Artifacts 默认对创建者私有,仅在准备就绪后方可分享给组织成员。所有页面仅限通过身份验证的组织成员查看,严禁公开访问。管理员可以通过组织级开关、角色访问控制(RBAC)、保留策略以及合规 API 来实现全面监管。
Claude Code Artifacts 的典型应用场景
根据角色和需求的不同,Claude Code Artifacts 可以衍生出极其丰富的使用模式:
法律与开源合规
- 许可证审计:直接通过仓库生成依赖项清单。“构建一个 Artifact,列出所有第三方依赖项及其许可证,并标记任何具有传染性(Copyleft)的协议。”
隐私与安全审查
- 数据流追踪:映射个人数据在代码中的采集、存储与日志记录路径。“追踪整个代码库中接触到个人数据的路径,并生成一份用于隐私审查的 Artifact。”
- 安全漏洞定位:将发现的漏洞直接链接到代码行。“构建一份关于身份验证发现的 Artifact,并将每一项发现直接链接到对应的代码位置。”
财务与平台运维 (FinOps)
- 资源成本映射:从基础设施代码(如 Terraform)中映射云资源及其成本驱动因素。“根据 Terraform 文件构建 Artifact,按服务对云资源进行分组,并标出高成本项。”
软件工程与前端设计
- PR/Bug 走查:从 Diff 和周边代码中提取逻辑,生成易于理解的说明。“制作一个 Artifact 演示此 PR,包含代码差异、设计推理以及我进行的测试内容。”
- UI/UX 方案对比:利用真实组件库生成多种交互方案。“提供一个包含 5 种注册表单 UX 变体的 Artifact,所有变体均基于我们的组件库构建。”
架构师与 SRE
- 服务依赖图谱:基于真实代码导入图绘制服务架构,而非依赖白图。“从代码中提取支付服务的实际运行逻辑,并构建成 Artifact 图谱。”
- 事故调查报告:将事故调查过程转化为动态产物。“将此次事故转化为 Artifact,包含时间线、可疑提交、监控峰值,并随着我的调查进度自动更新。”
工程管理 (EM)
- 交付汇总:自动生成团队周报。“根据本周合并的 PR,构建一个按项目分类的交付成果 Artifact。”
如何使用 Claude Code 生成 Artifacts
在 Claude Code 会话中,启动 Artifacts 非常简单:
- 提出请求:直接向 Claude Code 索要 Artifact 或请求任何具有“可视化”属性的输出。
- 自动构建:Claude Code 会根据当前上下文构建页面,并向你返回一个唯一链接。
- 查看与分享:在浏览器或 Claude 桌面应用中打开链接。如果需要协作,点击页面顶部的分享按钮即可。
- 持续更新:随着你在会话中继续工作,只需告诉 Claude Code 更新该页面,所有持有链接的人都将看到实时同步的改动。
常见问题解答 (FAQ)
Q: 哪些用户可以使用 Claude Code Artifacts?
A: 目前该功能处于 Beta 阶段,适用于 Claude Team 和 Enterprise 组织的方案。用户可以通过 Claude Code CLI(命令行界面)或桌面应用程序访问。
Q: Artifacts 支持哪些查看方式?
A: 虽然生成通常通过 CLI 或桌面应用完成,但生成的 Artifacts 页面可以在任何现代 Web 浏览器中查看。
Q: 我可以将 Artifacts 分享给公司外部的人吗?
A: 不可以。Artifacts 被严格限制在组织内部。只有经过身份验证的组织成员才能访问,且无法将其设置为公开可见,以确保企业代码和数据的安全性。
Q: 如果我不满意 Claude Code 生成的版本,可以找回之前的版本吗?
A: 可以。Artifacts 拥有完整的版本历史记录,你可以随时浏览并恢复到之前的任何一个发布版本。
总结
Claude Code Artifacts 的推出标志着 AI 辅助开发从简单的代码生成迈向了深度的“工作流可视化”。它不仅是一个展示工具,更是团队协作的信任基石。通过将 Claude Code 的强大推理能力与直观的网页交互相结合,组织可以显著减少状态同步会议,让技术决策变得更加透明和高效。即刻在您的 Claude Team 或 Enterprise 环境中开启 Claude Code,体验 Artifacts 带来的开发变革。








