# Claude Code 现已支持 artifacts - 来源：Claude：Blog（网页） - 发布时间：2026-06-18 00:00 - AIHOT 分数：72 - AIHOT 标记：精选 - AIHOT 链接：https://aihot.virxact.com/items/cmqjv0f7b00icslhi7qozgr78 - 原文链接：https://claude.com/blog/artifacts-in-claude-code ## 精选理由 Artifacts 把 Claude Code 里的工作进展变成可分享、自动更新的活页面，等于给开发协作装了个实时投影仪，但仅限企业用户，个人开发者还得再等等。 ## AI 摘要 从今日起，Claude Code 可将工作进度生成为 artifacts——实时、可分享的交互式网页，涵盖 PR 走查、系统说明、仪表盘、发布清单等。artifacts 基于会话完整上下文（代码库、连接器、对话）自动构建，更新时页面原地刷新，同事即时可见。默认仅作者可见，可分享给组织内成员，由管理员通过组织层级开关和角色权限管控。内部测试中最常见用例为调试：工程师调查事件，Claude Code 分析日志并发布包含时间线、嫌疑提交和错误率图表的 artifact，团队无需再“走过场式汇报”。 ## 正文 将你正在进行的工作预览为一个实时、可交互的网页——它基于你完整的会话上下文构建，并可与团队共享。 分类 产品公告 产品 Claude Code 日期 2026 年 6 月 18 日 阅读时间 5 分钟 https://claude.com/blog/artifacts-in-claude-code 从今天起，Claude Code 可以将工作进度捕获为 artifact，从而将 Claude Code 的工作转化为实时、可共享的可视化页面——包括 PR 走查、系统说明、仪表盘和发布检查清单——这些页面会随着你的会话进行而自动更新。 一次 Claude Code 会话可能涵盖从调查事件到重构服务，再到分析数月数据等各种任务。Artifact 将这些工作转化为任何人都可以打开和探索的网页，例如拉取请求走查、可筛选排序的仪表盘，甚至是一份随着工作完成而自动填充的发布检查清单。Artifact 让共享工作的协作变得更加容易，使团队能够将更多时间用于构建，减少沟通状态更新所花费的时间。 基于你会话的上下文构建 Claude Code 利用你会话的完整上下文来构建 artifact，包括你的代码库、连接器以及对话本身。一个单一的事件页面可以整合来自你代码中的失败测试及其背后的函数、来自已连接监控工具的错误峰值，以及你刚刚运行的会话中的根因推理。借助 artifact，你无需连接数据源或搭建基础设施。你只需请求一个页面，Claude Code 就会从已有的内容中构建出来。 实时页面，原地更新 当 Claude Code 更新一个 artifact 时，已打开的页面会原地刷新，团队成员在页面发布后即可立即看到更新。每次发布都是同一链接下的一个新版本，并带有版本历史记录，以便你随时恢复；此外，还有一个画廊功能，让你可以浏览和管理你创建的所有 artifact。 根据我们的内部测试，最常见的用例之一是调试。典型场景大致如下：一位工程师在站会前启动事故调查。Claude Code 处理日志并发布一个制品：时间线、可疑提交记录和错误率图表。她从页面顶部将链接分享给团队。到站会开始时，Claude 已随着调查进展重新发布了两次制品，融入了最新信息。借助制品，团队成员和利益相关者无需“向我们逐一说明智能体发现了什么”，因为他们都在查看同一视图，拥有相同的上下文。 组织内部私有 每个制品默认仅对其作者可见。准备就绪后，可直接从页面与团队成员和组织共享。制品仅限组织内经过身份验证的成员查看，无法设为公开。管理员通过组织级开关和基于角色的范围控制访问权限，设置保留策略，并通过合规性 API 获取组织级可见性。 快速上手 向你的会话请求一个制品——或者直接要求可视化内容，以下按角色提供一些思路： 法务/开源：对每个依赖项进行许可证审计，直接从代码库中标记出 copyleft 许可证。“构建一个制品，列出所有第三方依赖项及其许可证，标记出任何 copyleft 内容。” 隐私：绘制数据流图，展示个人数据在代码中的收集、存储和记录位置。“将我们在代码库中处理个人数据的位置追踪到一个制品中，用于隐私审查。” 安全：将发现结果链接到具体代码行，使修复方案明确无误。“将本次审查中的身份验证发现结果构建成一个制品，每个结果都链接到对应代码。” FinOps/平台财务：根据你的基础设施即代码，映射云资源和成本驱动因素。“将 Terraform 中的云资源映射到一个制品中，按服务分组，并标注主要成本驱动因素。” 软件工程师：一份审阅者能真正跟进的 PR 或 Bug 说明，从差异对比和周边代码中提取。“制作一个制品，详细说明这个 PR——差异对比、推理过程以及我测试过的内容。” 设计师与前端工程师：基于你的真实组件构建的多个屏幕 UX 方向，让你选中的方案可直接交付。“给我一个工件，包含这个注册表单的 5 种 UX 变体，全部基于我们的组件库构建。” 高级工程师与架构师：一张展示服务实际如何组合的地图，从真实的导入关系图中提取，而非白板上的草图。“从代码出发，绘制支付服务如何组合成一个工件。” SRE 与值班人员：一张随调查深入而不断扩展的事件页面，最终成为事后复盘报告。“把这个事件转化为工件——包含时间线、嫌疑提交、来自监控系统的错误峰值——并在我的处理过程中持续更新发布。” 工程经理：一张展示实际交付内容的页面，基于已合并的 PR 构建。“根据 PR 构建一个工件，展示本周我团队合并的内容，按项目分组。” Claude Code 构建页面并为你提供一个链接。在浏览器或桌面应用中打开，从页面顶部栏分享——更新会自动发布到同一 URL。 可用性 Artifacts 功能现已在 Claude Team 和企业版组织中开放测试，可通过 Claude Code CLI 和桌面应用使用，页面可在任何浏览器中查看。 立即开始使用 Claude Code。 视频 · 前往原文观看 用 Claude 改变你组织的运作方式。