（来源：AI信息Gap）

Claude Code 能生成交互式网页了。

你在终端里写代码，Claude Code 一边干活，一边把工作进度变成一个可交互的页面。

PR 审查、故障排查时间线、数据看板、发布检查清单，想要什么页面，说句话就行。

一个链接发出去，队友点开直接看。

你继续写代码，页面自动刷新。队友看到的，永远是最新版本。

这个功能叫「Artifacts」，6 月 18 日正式上线，目前是 Beta 阶段。

想象一下。

Claude Code 帮你排查了一小时的 bug。翻了一遍日志，锁定了可疑 commit，报错趋势也整理好了。

站会开始，领导问「bug 查得怎么样了」。

你花了十分钟，把 AI 花一小时找到的东西，口头复述了一遍。

有了 Artifacts，只需要对 Claude Code 说一句「把排查过程做成一个页面」，它直接生成一个交互式时间线。就像这样。

链接发到群里，一目了然。

Anthropic 内部最常用的场景之一也是这个。工程师启动排查之前就打开 Claude Code，一边查 bug 一边让 Artifacts 跟着更新。等到开会的时候，它已经自动刷新了两三版。

怎么用 Artifacts？

在 Claude Code 里正常干活，想生成页面的时候直接说。

「把这个 PR 做成一个审查页面」「把排查过程整理成一个故障报告页面」「给我做一个项目看板」。

甚至就说一句「做个 artifact」，它就开始生成网页了。

完事了给你一个链接，浏览器打开就能看。想分享给队友？页面顶部直接点分享就行。

Artifacts 不只能展示代码。

Anthropic 官方列举了一批使用场景，有点意思。前端工程师用它一次性输出 5 种注册表单的设计方案，每种都基于项目已有的组件库搭建，选中哪个直接能用。合规团队拿来扫描代码库，追踪个人数据在哪些环节被收集和存储，输出一张数据流图。项目经理让 Claude Code 从合并的 PR 里提取信息，生成按项目分组的周报页面。

写代码的、不写代码的，都能用上。

Artifacts 页面不依赖外部 API，不调用第三方脚本，所有资源都打包在一个 HTML 文件里。每个页面运行在严格的内容安全策略下，屏蔽全部外部网络请求。

其他人看到的是 Claude Code 整理好的内容，不会有你代码仓库的访问权限。不用担心泄露。

它能调用整个会话的上下文。代码仓库、连接的 MCP 工具、对话中的推理过程，都是素材。一个故障排查页面里可以同时包含出问题的代码段、监控工具的报错趋势图、以及 Claude Code 给出的原因分析。

不需要手动拼材料，会话里有什么它就能用什么。

每次更新，页面在同一个链接上自动刷新。版本号都会保留，旧版本不丢，随时能回退。还有一个专门的界面，集中管理你创建过的所有 Artifacts 页面。

权限控制和谷歌文档类似。默认只有你自己能看，分享出去之后只有已认证的团队成员才能打开。不支持公开访问。管理员可以在组织层面统一设置。

划重点，目前 Claude Team 和 Claude Enterprise 套餐可用。

不过，「Claude Pro 和 MAX 用户也快了。」

写代码，AI 干。汇报，AI 也干了。

我是木易，Top2 + 美国 Top10 CS 硕，现在是 AI 产品经理。