Claude 工件

Claude 工件

Claude 工件

由 Claude 生成的交互式输出,显示在专属面板中,允许用户查看、编辑和导出大量内容(如代码、文档、可视化和网页),而不会使主聊天界面杂乱无章。对于超过 15 行且自包含、用户很可能需要修改或复用的内容,工件会自动创建。

什么是 Claude 工件?

Claude 工件是由 Claude 生成的交互式输出,显示在对话旁的专属面板中,让您在不干扰主聊天界面的情况下,查看、编辑和导出大量内容。当内容满足特定标准时,Claude 会自动创建工件:通常超过 15 行、自包含、很可能需要编辑或复用,并且是无需额外聊天上下文即可独立呈现的复杂内容。这些工件通过提供可视化工作区,改变了用户与 AI 生成内容的互动方式:代码可实时运行,文档正确排版显示,图形即时渲染。专属工件窗口本质上就是一个协作空间,您与 Claude 可在此共同完成大型项目,无论是构建功能应用,还是创作精美文档。

Claude Artifacts interface showing chat on left and interactive artifact panel on right with code visualization and bar chart

工件类型

Claude 支持多种独特的工件类型,每种类型针对特定内容创作需求和使用场景设计。了解这些类型,有助于您更有效地利用工件完成各类项目和工作流。

类型描述适用对象示例用法
代码片段与脚本支持多种编程语言的可执行代码,带语法高亮和实时执行开发者、工程师、技术文档人员创建 Python 脚本、JavaScript 函数或 SQL 查询
文档支持 Markdown 或纯文本格式,结构和样式规范的文档撰稿人、内容创作者、文档团队撰写博客、指南、技术文档或格式化报告
网站(HTML)带嵌入 CSS 和 JavaScript 的单页 HTML 网站,打造完整 Web 体验Web 开发者、设计师、市场人员构建落地页、宣传站点或交互式网页原型
SVG 图像与图形用于绘制流程图、图标、可视化插图的矢量图形设计师、产品经理、教育者创建流程图、信息图、过程图或技术插画
React 组件支持状态管理和动态交互的 React 应用组件前端开发者、产品团队构建交互式仪表盘、工具、游戏或复杂 UI 组件
流程图与图示使用 Mermaid 或 SVG 展示流程、关系和工作流的可视化图表商业分析师、项目经理、技术团队绘制组织结构图、流程图、系统架构图

工件的工作原理

Claude 会自动检测您的请求是否需要可视化,并激活工件面板,无需特殊指令或语法。系统会判断内容是否足够丰富且自包含,决定是否创建工件,然后在对话右侧的专属窗口中展示结果。在工件面板内,您可以选择两种预览模式:预览模式会展示内容渲染后的实际效果(无论是网页、图表还是文档),代码模式则显示底层源码以便检查和修改。每当您请求更改时,Claude 会实时更新工件,让您无需在不同工具或应用间切换即可即时看到修改结果。版本历史功能让您可以在不同工件迭代间切换,方便比较变动或回退到之前的版本。

工件的创建与管理

在 Claude 中使用工件简单直观。以下是高效创建和管理工件的方式:

  • 通过侧边栏访问:所有工件都集中管理在 Claude 侧边栏的专属工件空间,方便统一查看与管理
  • 从零创建:直接描述您的需求——如落地页、数据可视化或代码脚本,Claude 即可生成完整工件
  • 自定义已有工件:浏览 Anthropic 官方工件获取灵感,并根据您的需求和品牌风格进行个性化定制
  • 整理工件集合:按项目、类型或用途分类管理工件,便于检索和维护
  • 与团队成员共享:Claude for Work 用户可安全地与组织成员共享工件,支持协同工作流
  • 管理版本:追踪工件不同迭代的变更,按需切换版本

编辑与迭代

工件最强大的一大特性是可精准、定向编辑内容而不影响其他部分。当您希望修改工件时,可高亮特定片段——无论是一行代码、一个段落还是整个区块——请求 Claude 仅修改高亮部分,其余内容保持不变。这种选择性编辑方式有效防止误改满意部分,也节省 token 使用。Claude 能理解编辑上下文并智能应用更改,无论您提出“让这个按钮更大”、“在此段上方增加间距”还是“重写此段以提升表达”。工件窗口底部的版本选择器可轻松切换各版本,方便比较或回退,无需担心数据丢失。

导出与分享

Claude 工件提供多种导出与分享方式,让您轻松将成果集成进现有工作流,便于协作。您可以将工件作为文件下载至本地——代码工件会以 .tsx 文件格式导出,方便整合进 React 项目,其他格式则以原生格式输出,可用于外部工具。复制到剪贴板功能让您无需下载文件,即可快速复制工件内容,粘贴进喜欢的编辑器、文档或应用。发布工件后会生成可分享的链接,任何人只需点击即可查看和交互,无需 Claude 账号或原始对话权限。团队成员可立即使用已发布工件,且使用量计入各自的 Claude 订阅额度,更适合在组织内分享工具和应用。

Artifact panel showing export and sharing options with download, copy, publish buttons and version history selector

高级功能

现在,Claude 工件支持更强大和持久的高级功能,突破了单纯代码生成的局限。模型上下文协议(MCP)集成允许工件连接外部服务,如 Asana、Google 日历和 Slack,实现直接读写这些工具的交互式应用。用户可通过权限设置精细控制每个工件可以访问哪些工具,且即使在共享工件时,每位用户也需独立认证 MCP 服务器。持久存储能力让工件能跨会话保留数据,支持如日记、跟踪器和协作工具等有状态应用,能在多次访问间记忆用户数据。存储可设为个人(每个用户保留独立私有数据)或共享(所有用户共同查看和操作相同数据),具体取决于工件用途。每个工件存储上限为 20MB,仅支持文本数据,个人与共享存储完全隔离,保障隐私。您还可以创建内嵌 Claude 智能的 AI 工件,用户可通过文本 API 与 Claude 智能交互,无需 API 密钥也无需承担额外费用,使智能工具可免费无限分享。

典型应用与场景

Claude 工件已彻底革新了各行业专业人士的内容创作与问题解决方式。Web 开发者利用工件快速原型设计落地页、搭建交互式仪表盘,甚至无需多工具切换即可创建功能型 Web 应用。数据分析师用工件将原始数据集转化为交互式可视化,制作直观易懂的图表和仪表盘,帮助快速洞察复杂数据。内容创作者用工件撰写和排版博客、文档、营销材料,同时灵活插入信息图和流程图。产品经理和设计师可基于草图或原型快速生成交互式模型,实现早期用户测试和敏捷迭代。教育者可构建交互式测验、培训场景和即时反馈的教学工具。商务团队可自动生成流程图、组织结构图等,记录和优化业务流程。开发者也常通过工件制作代码片段、脚本和交互式编程练习,作为文档和学习工具。

工件 vs 传统工作流

与传统方法相比,工件从根本上改变了 AI 内容创作和协作的方式。在传统流程中,您需要在聊天生成代码后,复制到编辑器,再在终端运行,随后回到聊天请求修改——整个过程分散且耗时,容易丢失上下文。而使用工件,一切都在同一界面完成:您可以同时看到代码、输出和对话,极大减少了上下文切换,加速了工作流。传统设计工具通常需要学习复杂界面,并频繁在应用间导出文件,而工件允许您直接在 Claude 内创建、迭代设计。文档创作也不再需要多个工具间切换,工件可无缝整合文字、格式和可视元素。协作方面尤为突出:无需邮件来回发送文件或手动管理版本,只需发布工件并分享链接,所有变更实时可见。学习曲线极低,工件完美融入 Claude 对话式界面,无需额外培训或安装新软件。

局限与注意事项

尽管工件功能强大,了解其局限有助于更高效使用,也能判断何时采用替代方案。Claude 支持 20 万 token 的大上下文窗口,但处理超大代码库或海量文档时,仍可能超出限制,影响一致性。处理大型数据集或要求增加太多复杂筛选和图层时,Claude 可能会出现幻觉,生成看似合理但其实错误的数据可视化或代码。工件无法调用外部 API,也无法连接 MCP 集成以外的服务,无法直接从任意 Web 服务拉取数据。工件存储仅限 20MB 且仅支持文本数据,不支持图片、文件或二进制内容。最佳实践包括:优先提出清晰、聚焦的请求,避免过于复杂的需求描述,将大型项目拆分为小型工件,并在分享前充分测试。如遇幻觉或内容不一致,建议开启新对话而不是在同一线程内反复修正,这通常更有效。

常见问题

Claude 何时会创建工件?

当内容满足特定条件时,Claude 会自动创建工件:通常超过 15 行,自包含,您很可能希望编辑或复用,并且是可独立呈现的复杂内容。这包括代码片段、文档、网站、SVG 图形、React 组件和流程图。您无需显式请求工件——Claude 会自行判断是否需要可视化。

工件创建后可以编辑吗?

可以,您可以对工件进行广泛编辑。您可以高亮特定部分,并让 Claude 只修改那些部分,其余内容保持不变。Claude 能理解上下文编辑,比如“让这个按钮更大”或“重写这一段”。您还可以使用版本选择器切换不同版本,以比较方法或回退到之前的迭代。

如何与团队共享工件?

您可以发布工件,生成任何人都能访问的分享链接,无需 Claude 账号。对于 Claude for Work 用户,还可在组织内安全共享工件。团队成员可立即使用已发布工件,其使用量计入各自的 Claude 订阅额度,而不是您的,从而更经济地共享工具。

工件可以导出为哪些文件格式?

导出选项取决于工件类型。代码工件会下载为适用于 React 集成的 .tsx 文件,其他格式则以其原生格式导出。您也可以将工件内容直接复制到剪贴板,粘贴到其他应用中。这种灵活性让您能将工件整合进现有工作流程和工具。

工件存储有何限制?

有的,每个工件有 20MB 存储上限,仅可存储基于文本的数据——不支持图片、文件或二进制数据。只有已发布的工件才支持持久存储,开发过程中不可用。当您取消发布工件时,所有相关存储数据都会被永久删除,请在取消发布前备份重要数据。

工件可以连接外部服务吗?

可以,通过模型上下文协议(MCP)集成,工件可以连接如 Asana、Google 日历和 Slack 等外部服务。这使得工件可以与这些工具进行读写交互。用户可通过权限设置精细控制每个工件可以访问哪些工具,每位用户都需独立认证。

个人存储与共享存储有何区别?

个人存储保证每个用户的数据私密——当多人使用带有个人存储的工件时,彼此的数据彼此独立。共享存储则意味着所有用户看到并操作相同的数据,适用于排行榜或共享文档等协作工具。存储类型隔离,个人数据永远不会与其他用户共享。

工件相较传统工具如何提升效率?

工件通过将聊天、代码执行和输出可视化整合于一处,消除了上下文切换。传统流程需在聊天界面、代码编辑器和终端间频繁切换,而工件将这些流程精简为一个工作区。您可实时看到更改结果,通过可分享链接更便捷地协作,无需手动管理文件版本。

监测 AI 如何提及您的品牌

跟踪您的产品和服务在 Claude、Perplexity、Google AI 概览以及其他 AI 平台上的提及。实时获取 AI 系统如何引用和提及您品牌的洞察。

了解更多

Claude Projects(Claude 项目)
Claude Projects:支持专业化交互的 AI 驱动知识库

Claude Projects(Claude 项目)

了解 Claude Projects——Anthropic 推出的持久知识库和专业 AI 工作空间功能。探索其特点、定价、应用场景,以及与 NotebookLM、ChatGPT Projects 等替代方案的对比。...

2 分钟阅读
Claude
Claude:Anthropic AI 助手的定义与能力

Claude

Claude 是由 Anthropic 推出的先进 AI 助手,基于宪法式 AI 技术。了解 Claude 的工作原理、核心功能、安全机制,以及它与 ChatGPT 等其他 AI 模型的对比。...

2 分钟阅读
ClaudeBot
ClaudeBot:Anthropic 的 AI 网页爬虫

ClaudeBot

了解 ClaudeBot 是什么、其工作原理,以及如何通过 robots.txt 配置在你的网站上阻止或允许这个 Anthropic 网页爬虫。

2 分钟阅读