关于ClaudeArtifacts的5条总结

Anthropic近日官宣， Claude Artifacts 现已全面可用！这里的“全面”有两重含义，一是Claude Artifacts这项功能已面向所有级别的用户开放，包括免费用户；二是Claude Artifacts现已支持Claude iOS app和安卓app（在这之前只有Claude网页端有该功能）。

1. Claude Artifacts是什么？

Claude Artifacts 是Claude.ai于6月20日推出的一项新功能，目的是拓展用户与Claude AI互动的方式。当用户使用Claude生成内容，如 代码片段、文本文档或网站设计 时，这些内容就会以“Artifact（生成物）”的形式出现在对话窗口旁的一个专用区域内。这一功能相当于创建了一个 动态的工作空间 ，使用户能够 实时查看、编辑并构建Claude所生成的内容 ，将AI生成的内容无缝整合到用户的项目和工作流中。

Artifacts的核心在于它能够将独立的、较为复杂的内容以一种更易查看、管理和操作的方式呈现给用户。无论是需要修改、进一步构建，还是日后引用，这些“Artifacts”都让用户可以更轻松地处理重要内容。

2. Claude何时会创建Artifacts？

Claude会在特定情况下创建Artifacts，主要包括以下场景。

内容重要且独立 ：Artifacts通常用于展示那些内容较多、超过15行的内容。这些内容是自成一体的，能够独立存在，不依赖于对话的上下文来理解。这样的内容通常包括 复杂的文档、代码片段、设计原型 等。

需要进一步编辑或重用 ：如果这些内容是用户可能希望在对话之外进行编辑、迭代或重用的，那么Claude会将其生成为Artifact。这确保了用户可以在更合适的环境中处理这些内容，而不是局限于对话窗口中。

内容复杂且独立存在 ：Artifacts适用于那些本身就具有一定复杂性、可以独立存在的内容。它们不需要额外的对话上下文来解释，这使得用户可以直接查看、修改或使用这些内容，而无需依赖Claude的进一步说明。

未来可能会再次使用 ：如果内容是用户未来可能会想要再次查阅或使用的，Claude也会将其创建为Artifact。这种设计使得用户可以轻松地回顾和访问重要内容，而无需在对话历史中寻找。

3. Artifacts都支持哪些格式的内容？

文档（Markdown或纯文本） ：这类文档通常用于存储和展示结构化的文字内容，如 技术文档、笔记、指南 等。使用Markdown格式可以轻松进行文本格式化，而纯文本则更适合保存简单的、无需复杂格式的内容。

代码片段 ：开发者可以通过Claude生成并保存各种编程语言的 代码片段 ，这些片段可以是功能模块、算法实现或测试代码。Artifacts使得这些代码片段可以在独立窗口中查看和修改，便于后续的开发工作。

网站内容（单页HTML） ：对于需要展示或测试的网页，Claude可以生成 单页的HTML文件 。这类Artifact适用于前端开发人员在开发过程中预览和迭代网页设计。

可缩放矢量图形（SVG） ：SVG是一种用于描述 二维矢量图形 的XML格式，广泛应用于网页设计和图形设计中。通过Artifacts保存的SVG文件，用户可以轻松地查看、编辑和应用这些图形。

图表和流程图 ：这些用于展示信息的视觉化工具，可以帮助用户在工作流、系统架构或数据分析中 直观地表达复杂的关系和流程 。

交互式React组件 ：前端开发者可以使用Claude生成并保存 React组件 ，这些组件可以是动态搜索栏、表单或其他交互式元素。Artifacts使得这些组件可以在单独的窗口中进行预览和修改，从而加速开发和测试过程。

4. 如何使用Artifacts？

首先，你需要登录Claude后（网页端和app均可），在设置（Settings）中打开 Enable artifacts 这个选项。

Ask Claude to generate content like code snippets, text documents, or website designs, and Claude will create an Artifact that appears in a dedicated window alongside your conversation.

当Claude创建一个Artifact时，你会在主聊天窗口的右侧看到这个Artifact的内容显示在一个专用窗口中。这使得你可以轻松查看、复制并处理这些Artifact内容，从而更方便地进行后续的编辑和操作。这个设计帮助用户在不离开对话的情况下，直接与复杂内容进行互动和管理。

5. 注意事项

编辑和迭代 ：你可以要求Claude对Artifact内容进行编辑或迭代，这些更新将直接显示在Artifact窗口中。不过，这些编辑不会改变Claude对原始Artifact内容的记忆，你可以通过Artifact左下角的 版本选择器 在不同版本之间切换。

多Artifact查看 ：在一次对话中，你可以通过聊天控件同时打开并查看多个Artifact。点击右上角的滑块图标，选择你想要参考的Artifact，然后从上次中断的地方继续。

动态更新 ：Claude可能会根据你的消息更新现有的Artifact，窗口会同步显示最新的内容。

代码查看和内容复制 ：你可以查看Artifact的底层代码，将内容复制到剪贴板，或下载文件，以便在对话之外轻松重用。这些选项都位于Artifact窗口的右下角。

精选推荐

关于Claude的注册、使用教程和测评，请看这里。

『AI保姆级教程』手把手教你注册Claude账号！建议收藏！

遥遥无期的GPT-5与强势发布的Claude 3.5 Sonnet！附详细解读和使用方法

一句话、10秒，我用Claude 3.5 Sonnet生成了完整的俄罗斯方块！