使用 Artifacts 创作 🎨

Artifacts 是 Claude 在对话旁边的专用窗口中创建的独立、交互式输出。你不再在聊天中看到一大块代码或文本，而是看到你的内容已渲染并准备好使用，无论是可工作的网站、交互式图表还是你可以完善的图表。

学习目标

学完本课后，你将能够：

• 解释什么是 Artifacts 以及 Claude 何时创建它们
• 与同事共享 Artifacts 并公开发布它们
• 排除常见的 Artifact 问题

什么是 Artifacts？

当内容满足以下条件时，Claude 会自动创建 Artifact：

• 它是重要的且独立的，通常超过 15 行
• 它是你可能想要编辑、迭代或重用的内容
• 它代表独立存在的复杂内容，不需要周围的对话
• 它是你将来想要引用或使用的内容

常见的 Artifact 类型

Claude 可以创建不同类型的 Artifacts，每种类型都适合不同的需求：

• 文档（Markdown 和纯文本）：适合任何文本密集的内容，你想要导出或继续编辑，如会议记录、报告、项目计划、博客文章和其他书面内容。
• 代码片段： 任何编程语言的工作代码——Python、JavaScript、C++ 等。你可以查看代码、复制它或下载它以在自己的项目中使用。
• HTML 页面： 包含 HTML、CSS 和 JavaScript 的完整网页。非常适合登录页面、表单、交互式演示或快速原型。
• SVG 图像： 用于徽标、图标、插图和其他视觉元素的可缩放矢量图形。这些直接在 Artifact 窗口中渲染，因此你可以准确看到你得到的内容。
• Mermaid 图表： 流程图、序列图、甘特图、组织结构图等。描述你想要可视化的关系，Claude 会创建一个你可以完善的图表。
• React 组件： 具有真实功能的交互式 UI 元素——计算器、仪表板、游戏、数据可视化。这些不仅仅是模型；它们包含实际逻辑并响应用户输入。

Word 文档、Excel 电子表格、PowerPoint 演示文稿和 PDF 不是 Artifacts。Claude 通过其单独的文件创建功能生成这些文件，并将其作为可下载文件返回，而不是在 Artifact 窗口中渲染它们。

创建你的第一个 Artifact

创建 Artifact 就像进行对话一样简单。只需描述你想要的内容，Claude 就会决定是否将其作为 Artifact 呈现。

例如，你可能会说：

• "创建一个显示我们客户入职流程的流程图"
• "构建一个交互式仪表板，让我输入月度费用并查看分类"
• "为生产力应用设计一个带有主区域和功能列表的登录页面"
• "编写一个我可以为新倡议重用的项目简介模板"

如果 Claude 在你期望时没有自动创建 Artifact，你可以明确要求："将其创建为 Artifact"或"在 Artifact 中向我展示"。

当 Claude 生成 Artifact 时，它会出现在对话右侧的专用窗口中。在这里，你可以：

• 查看不同格式： 在预览（它的外观）和底层代码之间切换
• 复制内容： 点击复制图标获取内容以在其他地方使用
• 下载文件： 将 Artifact 保存为文件到你的计算机
• 查看代码： 准确查看 Claude 在底层生成了什么

共享和发布 Artifacts

创建有用的内容后，你有几个共享选项。

对于个人使用或通过其他渠道共享，使用 Artifact 窗口右下角的复制或下载按钮。