Skill · Anthropic Claude Code Artifacts Documentation & VentureBeat (June 2026)
即时将代码会话转变为可共享的仪表板
图片: Stephen Dawson 来自 Unsplash
Claude Code Artifacts 让你可以直接从代码库生成交互式 HTML 仪表板和实时文档,然后通过私密链接即时分享给队友。无需部署--数秒之内即可将技术工作转化为利益相关者真正能看懂的可点击原型。
Claude Code Artifacts 于 2026 年 6 月推出,是从你的 Claude Code 会话发布到私密 claude.ai URL 的自包含 HTML 页面。与仅存在于对话中的聊天工件不同,代码工件基于你实际的代码仓库、连接器和会话上下文构建--因此原型看起来就像你的真实产品,而不是通用模型。
工作流程如下:打开代码库并启动一个 Claude Code 会话。让 Claude 生成一个交互式仪表板、一个 PR 讲解可视化工具或一个数据表格--Claude 会编写单个自包含 HTML 文件,并即时将其发布到一个私密链接。你复制该 URL 并粘贴到 Slack 中。你的团队可在任意浏览器中打开,实时点击浏览仪表板或讲解内容,并且随着你的会话继续,他们能看到更新,全程无需你提交代码或搭建服务器。
对产品团队而言,关键优势在于保真度。由于 Claude Code 在你的仓库内工作,它能调用你实际的设计系统、颜色令牌和组件模式--你的原型看起来像你的产品,而不是线框图。当你向利益相关者展示数据仪表板或功能流程时,他们会认真对待,因为它与你的设计语言完全一致。产品经理借此交付几乎可被开发者直接复制的模型。
要启用它:在 Pro、Max、Team 或 Enterprise 方案上使用 Claude Desktop 或 Claude Code CLI。启动会话,让 Claude 生成仪表板或交互式工具,就绪后在输出中查找发布按钮或工件链接。将私密 URL 分享给团队--在 Team 和 Enterprise 方案中,你可以配置外部共享,以便在需要时让链接公开。通过继续会话进行迭代;随着 Claude 不断完善,工件会实时更新。