toolin.ai logo
toolin.ai
首页
AI工具
AI技能包
AI资讯
精选推文
AI提示词
提交AI工具提交
toolin.ai logo
toolin.ai

百万AI玩家的创作利器库,发现最佳AI工具组合,提升您的创作效率

AI工具1,295个
技能包11个
产品功能
  • AI工具
  • AI技能包
  • AI资讯
  • 精选推文
关于我们
  • 关于Toolin
  • 联系我们
  • 合作洽谈
  • 更新日志
关注我们
© 2025 toolin.ai. All rights reserved.
服务条款隐私政策

Claude Code Artifacts:让终端开发变成可分享的网页看板

2026/06/19
·toolin小编

Anthropic 给 Claude Code 加上 Artifacts,开发过程实时生成可分享网页,团队协作告别人工转述。

Claude Code Artifacts:让终端开发变成可分享的网页看板
Claude Code Artifacts:让终端开发变成可分享的网页看板
2026/06/19

Claude Code Artifacts:让终端开发变成可分享的网页看板

Anthropic 给 Claude Code 加上 Artifacts,开发过程实时生成可分享网页,团队协作告别人工转述。

Artifacts 是什么怎么触发 Artifacts官方列出的九大使用场景研发内部:效率倍增器非程序员:真正想扩展的群体为什么这个功能值得重视补上团队协作的最后一块拼图代码库变成"事实数据库"应用场景
AI产品

Claude Code 的输出终于不只是终端里的文字了。Anthropic 在端午假期给 Claude Code 上线了 Artifacts 功能,让一次开发 session 的全部进展——代码 diff、对话、调试时间线、监控数据——实时发布成一个可分享、可交互的网页。这意味着 AI 编程工具第一次把"工作过程"以团队可见的方式沉淀下来。

这篇文章带你快速了解这个功能是什么、怎么用、适合谁,以及它背后的产品逻辑。

Artifacts 是什么

简单说:开通 Artifacts 后,Claude Code 在每次开发对话进行过程中,可以直接生成一个实时、可分享、可交互的网页。

这个页面可以是 PR 代码走查、系统架构说明、调试时间线、数据看板,也可以是发布 checklist。

Claude Code Artifacts 演示

它和 2024 年 Claude 3.5 Sonnet 时代在 Claude.ai 聊天界面里的 Artifacts 不一样。这次的重点在于 可实时更新:Claude Code 在一次开发 session 里的完整上下文(当前代码库、对话、调查过程、连接器数据、日志、监控、测试结果、函数调用链、diff 等)会被发布成一个"可浏览的工作台"。

每次发布都是同一个链接下的新版本,带版本历史、支持回退。当你在 Claude Code 里更新代码时,打开的网页会原地刷新,团队成员立刻看到最新内容,无需接入额外数据源。

怎么触发 Artifacts

调用方式非常简单,两种路径:

  • 在 session 里直接让它创建一个 artifact
  • 提出一个明显需要可视化的需求,Claude Code 会自动判断并生成

提示:Artifacts 处于 Beta 阶段,目前仅对 Team 和 Enterprise 用户开放,个人 Pro/Max 暂不可用。这符合 Anthropic 一贯的 B 端优先战略——其约 80% 收入来自企业和开发者 API 调用。

官方列出的九大使用场景

Claude Code 官方贴心地列出了九大场景,直接打破了"CC 只是程序员专属"的刻板印象。

九大使用场景

研发内部:效率倍增器

  • 软件工程师:做一个 artifact 走一遍这个 PR——diff、思路、测试过什么
  • 资深工程师/架构师:把支付服务的架构从代码里画成 artifact,真实服务拓扑从 import 关系生成,告别凭记忆画白板
  • 设计师/前端工程师:基于组件库做注册表单的 5 个 UX 方案
  • SRE/值班工程师:把事故做成 artifact——时间线、可疑提交、监控错误峰值——随排查继续重新发布,事故页面持续生长,排查完直接变成复盘文档
  • 工程经理:生成"这周合并的 PR,按项目分组"的页面

非程序员:真正想扩展的群体

最关键的信号在最后四类角色,他们平时根本不会打开终端写代码:

  • 法务/开源合规:列出所有第三方依赖和许可证,标出 copyleft 风险
  • 隐私团队:追踪所有涉及个人数据的地方,做成给隐私评审用的 artifact
  • 安全团队:把认证相关的审计发现做成 artifact,每条链接到对应代码
  • FinOps/平台财务:把 Terraform 里的云资源映射成 artifact,按服务分组,标出大头成本在哪

为什么这个功能值得重视

补上团队协作的最后一块拼图

过去 AI 编程工具最尴尬的地方:Agent 干了大量活——读代码、跑测试、定位 bug——但大多数时间都发生在一个人的终端里。到了协作环节,工程师还得重新讲一遍:它看了哪些日志,怀疑哪个 commit,为什么觉得这里是根因。AI 帮你省下来的时间,相当一部分又被"人工转述 AI 工作过程"填平了。

现在,工程师不需要口干舌燥地复述,只需把链接丢到团队群里,大家看到的是同一个视图、同一份上下文、同一个持续更新的开发现场。

代码库变成"事实数据库"

从这里可以看出,Claude Code 真正想要扩展的,正是这些具备专业技能和特定工作场景的非程序员群体。代码库将会变成公司内部越来越多职能的事实数据库,而 Claude Code 试图把它翻译成一个更容易被团队消费的界面。

这一动作不仅是在和 Cursor、Codex 抢蛋糕,也可能会挤压 Notion、Confluence、Jira 等办公协同工具的市场空间。

应用场景

Artifacts 最适合这些场景:

  • 研发团队内部协作:PR review、事故复盘、架构文档自动生成
  • 跨职能沟通:让法务、安全、财务直接消费代码库信息,不用工程师翻译
  • 远程团队:异步共享开发进展,无需开会同步
  • 客户/管理层汇报:把技术进展以可视化网页形式呈现

如果你是 Claude Code 的 Team 或 Enterprise 用户,下次做 PR 或事故复盘时,试试在 session 里直接说"把这次工作做成 artifact",你的同事会感谢你。

所有文章

作者

avatar for toolin小编
toolin小编

分类

  • AI产品
Artifacts 是什么怎么触发 Artifacts官方列出的九大使用场景研发内部:效率倍增器非程序员:真正想扩展的群体为什么这个功能值得重视补上团队协作的最后一块拼图代码库变成"事实数据库"应用场景

相关文章

小米 Miloco 2.0:智能家居终于有了真正的 AI 大管家
AI产品

小米 Miloco 2.0:智能家居终于有了真正的 AI 大管家

小米开源全屋智能 AI 方案 Xiaomi Miloco 2.0,多模态感知、主动智能、家庭记忆,把 Agent 带进智能家居生态。

avatar for toolin小编
toolin小编
2天前
Odysseus:顶流网红手搓的本地版 ChatGPT,3天3万星
AI产品

Odysseus:顶流网红手搓的本地版 ChatGPT,3天3万星

前世界第一 YouTuber PewDiePie 开源的完全自托管 AI 工作空间,免费、无追踪、自带 Agent,三天狂揽3万星。

avatar for toolin小编
toolin小编
2天前
Codex Record & Replay:你做一遍,AI 学会替你干
AI产品

Codex Record & Replay:你做一遍,AI 学会替你干

OpenAI 给 Codex 上线 Record & Replay,录下你在 Mac 上的操作流程,自动生成可复用 Skill,是时候重新思考自动化了。

avatar for toolin小编
toolin小编
2天前