Claude Code 重磅更新：终端对话一键变交互网页

2026年6月18日，Anthropic 宣布了一项 Claude Code 用户期待已久的更新—Artifacts 功能正式上线。终端里的对话，瞬间变成可交互、可分享的网页。

▲ Claude Code Artifacts：终端对话直接变交互网页

这是什么功能？

简单说：你在 Claude Code 终端里和 AI 对话、写代码、分析问题，现在可以一键把这些内容生成为一个可交互的网页。

这个网页托管在 claude.ai 的私有 URL 上，包含完整的会话上下文—代码、工具调用、聊天记录，通通渲染成直观的可视化页面。更重要的是，当会话继续时，网页会自动更新，同一个链接始终展示最新内容。

💡 一句话理解：以前你在终端里干完活，得截图、复制粘贴、写文档才能让别人看懂。现在？说一句"做个 Artifact"，链接发出去就完事了。

四大核心场景

Anthropic 在官方文档中列举了 Artifacts 的典型用途：

🔹 PR 代码走查：带着注释的代码差异展示，reviewer 打开链接就能看到每处变更的解释，不用在 Slack 里来回问。

🔹 数据仪表盘：会话中拉取的数据，直接渲染成图表和指标卡片。团队共享分析结果，比 Excel 截图强太多。

🔹 架构展示：把代码库的结构、设计方案、技术选型可视化呈现，几种方案并排对比，一目了然。

🔹 事件时间线：在排查问题的长任务中，时间线会随着调查进展自动填充。队友打开链接就能看到完整的调查脉络。

▲ Artifacts 四大核心场景

四步上手流程

使用流程非常简单：

Step 1：在 Claude Code 会话中正常对话，或者说一句"创建一个 Artifact"

Step 2：Claude 自动将内容写成 HTML/Markdown 并发布到 claude.ai

Step 3：获得一个私有 URL，可打开浏览器查看，也可从页面头部分享给队友

Step 4：会话继续时，同一 URL 自动更新内容，附带版本历史

▲ Artifacts 完整工作流程

还有个贴心细节：首次发布 Artifact 时 Claude Code 会请求确认（类似 "Claude wants to publish..." 的提示），授权后后续更新同一 Artifact 不再弹确认。按 Ctrl+] 可随时在终端重新打开最近的 Artifact。

前后对比：效率质变

没有 Artifacts 的时候，开发者分享终端里的成果通常是这样的：

❌ 截图终端输出 → 画面模糊，信息不完整 ❌ 粘贴代码到聊天工具 → 格式丢失，上下文断裂 ❌ 反复沟通解释 → 对方看不懂，来回追问

有了 Artifacts：

✅ 生成可交互网页 → 完整内容，动态展示 ✅ 分享一个链接 → 浏览器打开即看 ✅ 所见即所得 → 零沟通成本

注意事项与限制

⚠️ Beta 阶段：功能仍在测试中，可能存在变化

⚠️ 计划要求：需要 Claude Team 或 Enterprise 计划，且会话必须通过 /login 登录

⚠️ 权限控制：Artifact 默认私有，仅组织内认证成员可见。管理员可通过角色和保留策略控制访问

⚠️ 不是应用：Artifact 是工作成果的快照，是单页静态内容，没有后端，不能存储表单输入或实时调用 API

⚠️ 页面限制：有大小和内容约束，不适合超大或需要多路由的场景

🔒 安全设计：Anthropic 在权限方面做得比较克制。私有 URL + 组织内认证 + 管理员策略控制 + 版本历史，对企业用户来说够用了。如果需要禁用，管理员可以在组织设置中关闭。

这意味着什么？

对开发者：终端不再是信息孤岛。你在 CLI 里完成的工作，可以直接以最直观的方式展示给团队。这大大降低了协作摩擦。

对 AI 编程工具赛道：Claude Code 此举把终端 AI 助手的体验边界又往外推了一步。从纯文本对话，到代码执行，再到可视化输出，开发者的工作流正在被重新定义。

对 Anthropic：Artifacts 在 Claude.ai 上已经大受欢迎，现在把它带到 Code 产品线，体验更统一，也给了 Team/Enterprise 客户更强的理由留在生态内。

终端 + AI + 可交互网页，这三者的结合，可能就是下一代开发工具的标准形态。

— End —