语音摘要 — 点击播放以跟读：正在朗读的行会保持在顶部附近。
预计时间： 20分钟
学习目标
完成本课程后，您将能够：
- 解释什么是产物以及Claude何时会创建它们
- 与同事共享产物并公开发布
- 解决常见的产物问题
什么是产物？
产物是Claude在对话旁专用窗口中创建的独立交互式输出。不同于在聊天中获取冗长的代码块或文本，您看到的内容是经过渲染且可直接使用的——无论是可操作的网站、交互式图表，还是可立即下载的文档。
当内容满足以下条件时，Claude会自动创建产物：
- 内容重要且自成一体，通常超过15行
- 是您可能想要编辑、迭代或重复使用的内容
- 代表无需上下文对话即可独立存在的复杂内容
- 是您后续需要引用或使用的内容
常见产物类型
Claude可以创建不同类型的产物，每种都适合不同需求：
- 文档（包括Markdown、纯文本、Word文档、PDF、PowerPoint和Excel）：适合需要导出或继续编辑的文本密集型内容——如会议记录、报告、项目计划、博客文章等书面内容。
- 代码片段： 任何编程语言的工作代码——Python、JavaScript、C++等。您可以查看代码、复制或下载用于自己的项目。
- HTML页面： 包含HTML、CSS和JavaScript的完整网页。非常适合着陆页、表单、交互式演示或快速原型。
- SVG图像： 可缩放矢量图形，用于徽标、图标、插图等视觉元素。这些直接在产物窗口中渲染，让您清晰看到效果。
- Mermaid图表： 流程图、序列图、甘特图、组织结构图等。描述您想要可视化的关系，Claude会创建可调整的图表。
- React组件： 具有实际功能的交互式UI元素——计算器、仪表板、游戏、数据可视化。这些不仅是模型，还包含实际逻辑并响应用户输入。
创建您的第一个产物
创建产物就像进行对话一样简单。只需描述您想要的内容，Claude会决定是否以产物形式呈现。
例如，您可以说：
- "创建一个展示我们客户入职流程的流程图（注意：Claude现在可能使用Imagine生成基于HTML的视觉图表，以及基于代码的产物。）"
- "构建一个交互式仪表板，让我输入月度开支并查看分类明细"
- "为生产力应用设计一个包含主视觉区和功能列表的着陆页"
- "编写一个可重复用于新项目的简报模板"
如果Claude没有按预期创建产物，您可以明确要求："将此创建为产物"或"在产物中展示这个"。
当Claude生成产物时，它会出现在对话右侧的专用窗口中。在这里，您可以：
- 查看不同格式： 在预览（效果展示）和底层代码之间切换
- 复制内容： 点击复制图标获取内容用于其他地方
- 下载文件： 将产物作为文件保存到电脑
- 查看代码： 查看Claude生成的实际代码内容
共享和发布产物
创建有用内容后，您有多种共享选择。
复制或下载： 供个人使用或通过其他渠道共享，使用产物窗口右下角的复制或下载按钮。
组织内共享（Claude for Work）： 团队和企业用户可与同事内部共享产物。共享产物保留在组织内部，需要团队认证才能访问。
公开发布： 免费版、专业版和Max版用户可发布产物，使任何有链接的人都能访问。发布时：
- 只有选定版本会公开（您的聊天记录保持私密）
- 任何人都无需Claude账户即可查看和交互产物
- 其他人可以"混音"您的产物——在他们自己的Claude对话中打开并修改
要发布，点击产物右上角的"共享"或"发布"按钮。您随时可以取消发布。注意：发布产物后，任何人都可通过链接公开访问——无需Claude账户。已发布产物不会被搜索引擎索引，因此不会出现在Google结果中。
充分利用产物的技巧
明确您想要的内容。 "构建预算追踪器"不错，但"构建月度预算追踪器，让我按类别输入开支、查看饼图明细，并在超支时获得警告"更好。
描述最终用户。 告诉Claude谁将使用产物有助于其做出合适的设计选择。"此流程图面向新员工"与"此流程图面向工程团队"会产生不同结果。
逐步迭代。 要求Claude一次添加一个功能或做一处修改。这更容易识别有效内容和及早发现问题。
需要时请求产物。 如果您要求重要内容而Claude仅在聊天中回复，只需说"请将其创建为产物"。
课程反思
继续之前，请思考：
- 哪些重复性工作能从可重复使用的交互式产物中受益？
- 您的工作中有哪些流程用流程图或图表会更清晰？
- 什么原型或工具能帮助您快速测试想法？
下一步
下一课中，您将学习技能——可重复使用的指令集，用于教授Claude专业化工作流程。
反馈
随着课程进展，我们很乐意听取您如何将课程概念应用于工作以及任何反馈意见。在此分享您的反馈here。
致谢与许可
版权2025 Anthropic。保留所有权利。