工具
Claude Code 推出 Artifacts 功能:终端工作实时转化为可交互网页
Anthropic 于今日为 Claude Code 推出 Artifacts 功能(Beta 阶段),允许用户将终端会话中的工作成果(如代码审查、数据可视化、架构图等)实时转化为自包含、可交互的 HTML 网页,并生成私密链接供团队共享。页面随会话自动更新,支持版本回滚,且不调用外部 API 或后端,确保隐私安全。该功能面向 Claude Team 和 Enterprise 用户,可通过 CLI 或桌面客户端使用。
核心机制
- 自包含页面:生成的 HTML 内联所有 CSS、JavaScript 和图片(data URI),并应用严格 CSP 策略,禁止外部请求,实现零部署、零安全风险。
- 实时同步:页面随终端会话自动刷新,无需手动操作;每次发布保存历史版本,可随时回滚。
- 私密共享:链接仅对同组织认证用户可见,支持一键分享。
典型应用场景
- 代码审查:生成带 diff 注释和严重性颜色标记的 PR 走查页面。
- 方案对比:在同一页面网格展示多个设计或实现变体,附权衡说明。
- 交互调参:添加滑块、开关等控件,实时调整动画、布局等参数。
- 结果回传:页面内可添加“Copy as prompt”按钮,将交互结果(如拖拽排序后的列表)粘贴回终端继续工作。
- 任务追踪:将迁移计划等长任务转化为动态清单,随进度自动勾选并添加备注。
多角色适用性
- 法务/合规:自动审计依赖许可证,标记 Copyleft 协议。
- 隐私团队:绘制数据流向图,追踪个人数据采集与存储路径。
- 安全运维:将漏洞直接关联到代码行,生成审计结果页面。
- 架构师:基于代码 import 关系生成服务拓扑图。
- 工程经理:从合并 PR 自动汇总团队周报。
行业对比
- 距 OpenAI 为 Codex 推出企业托管功能 Sites 约两周,双方均聚焦企业协作。
- OpenAI 走 PaaS 路线,生成可直接部署的全栈应用(如 Cloudflare Workers);Anthropic 则定位为“无状态灵感画布”,刻意回避后端,强调记录与共享。
可用性
- 当前为 Beta 版,仅限 Claude Team 和 Enterprise 组织用户。
- 支持 Claude Code CLI 和桌面客户端,生成的页面可在任何浏览器中查看。
2026年6月19日来源:综合整理
相关资讯
Anthropic发布Claude Code调教指南:七种自定义机制详解
6月23日 · 综合整理
Claude Code 大升级:Anthropic 发布 Claude Tag,LLM 从聊天工具进化为团队协作者
6月25日 · 综合整理
Claude Code 安全后门被点名,Bun 百万行代码重写引争议
7月11日 · 综合整理
Claude Code 重大升级:Claude Tag 发布,AI 以团队成员身份嵌入 Slack
6月24日 · 综合整理
Claude Code 将 Artifacts 功能下放至 Pro 用户,实时协作门槛降低
7月5日 · 综合整理
Claude Fable 5 延期至7月12日,社区与官方齐推省钱攻略
7月8日 · 综合整理
延伸阅读 · 相关教程
AI编程智能体深度实战:从Claude Code到Codex的工程化之路
对比主流AI编程工具,剖析架构、Harness、循环工程与企业落地经验
Skill 与 MCP:标准化 AI 智能体能力的开放协议深度解读
从概念到实践,全面解析 Anthropic Skill 开放标准与 MCP 协议如何构建可复用的 Agent 能力
Claude Artifacts vs GPT Code Interpreter:全面对比
AI 编程环境对比——深入比较 Anthropic 与 OpenAI 的开发者工具
Claude Opus 4 API 教程 2026:高级推理与长上下文
使用 Claude Opus 4 构建处理复杂推理任务的高级 AI 应用