字节笔记本
2026年10月24日 · 约 5 分钟读完
Claude Code 的工作成果，现在能一键发成网页链接
你用 Claude Code 干了一下午的活，重构了一个模块、跑通了测试、生成了项目文档。
想给团队展示成果？以前你得截图、复制代码、贴到文档里，队友还得自己搭环境才能验证。
现在，Claude Code 直接把这个 session 里产出的东西变成一个交互式页面，生成一个私有链接发给队友就行。这就是 Claude Code Artifacts。
一、什么是 Artifacts
2026 年 6 月 18 日，Anthropic 官宣 Artifacts 进入 Claude Code：把 AI 会话中产出的内容——代码、文档、可视化图表、交互式页面，变成独立的、可分享的网页。
Artifacts 最早是 claude.ai 网页版上的功能。现在，Claude Code 也能用了。
这意味着什么？你在 Claude Code 里和 agent 协作的产出，不再只存在于你的终端 session 里，它可以变成一个团队都能访问的交互式页面。
二、Claude Code 上的 Artifacts 能做什么
PR Walkthrough
跑完一轮重构，Claude Code 自动生成一个代码变更 walkthrough 页面——哪些文件改了、改动逻辑是什么、测试结果如何。发一个链接给队友 review，比贴 diff 友好得多。
项目 Dashboard
Agent 帮你跑完了一整套分析，生成了项目状态报告。Artifacts 把它变成一个实时的项目仪表盘页面——依赖状态、测试覆盖率、性能指标，一目了然。
文档和报告
Agent 写完的技术文档、架构设计、测试报告，不再只是终端里的 markdown 文本——变成一个排版精美的可分享页面。
交互式原型
如果 agent 生成了前端代码，Artifacts 可以直接渲染成可交互的页面预览，队友打开链接就能看到效果，不需要本地跑。
三、核心特点
| 特点 | 说明 |
|---|---|
| 从 session 自动生成 | 基于当前工作内容，不需要手动导出 |
| 链接分享 | 可保持私有、分享给组织、或发布公开链接 |
| 交互式 | 不是静态截图，是 claude.ai 上的实时交互页面 |
| 团队协作 | Pro、Max、Team、Enterprise 计划可用 |
四、这解决了什么问题
以前 Claude Code 的产出是“孤岛”，你的 session 里产出了很多好东西，但分享给团队需要大量手动工作：截图、复制、整理、贴文档。
现在 Artifacts 让这个过程变成一键生成、一键分享。
几个实际场景：
| 场景 | 以前怎么做 | 现在怎么做 |
|---|---|---|
| 给队友看重构结果 | 贴 diff 到 Slack/PR | 生成 PR walkthrough 页面，发链接 |
| 分享项目分析报告 | 导出 markdown 发邮件 | 生成交互式仪表盘，发链接 |
| 展示 agent 生成的前端 | 截图或本地跑 | 生成可交互预览，发链接 |
| 技术文档评审 | 复制文本到 Notion | 生成排版页面，发链接 |
你在 Claude Code 里产出的任何东西，按官方的设计，都应该可以变成可分享的页面。
五、一句话总结
Claude Code Artifacts 把 agent 的“终端产出”变成了“可分享的交互式页面”。核心价值是打破 Claude Code session 的孤岛效应——你的工作成果不再只存在于你的终端里，而是可以一键变成团队都能访问、都能交互的页面。
这对用 Claude Code 做团队协作的人来说，是一个很实际的体验升级。
本文基于 Anthropic 官方公告《Claude Code now supports artifacts》（2026-06-18）与官方文档整理，原文：https://claude.com/resources/articles/artifacts-in-claude-code ，文档：https://code.claude.com/docs/en/artifacts 。
