原文链接：Claude 3.5 Sonnet怎么用Artifacts？

什么是Claude3中的Artifacts？

Claude中的Artifacts是专门的窗口，用于显示用户请求生成的重要的、独立的内容。这不仅仅是简单的文本回复，而是可以交互、编辑的输出，包含代码片段、文档、网站、图片等，用户还可以编辑Claude创建的Artifacts，能够实时修改和迭代AI生成的内容；也可以轻松保存和导出，以便在Claude之外使用。

这篇文章还可以看到 Claude 3.5 Sonnet如何使用？Claude 3.5订阅升级教程

通过Artifacts，Claude不仅仅是一个对话助手，更成为一个强大的协作工具，帮助用户高效管理和利用AI生成的内容。

我自己跑了一下：

Claude3使用

当Claude生成的内容具有以下特征时，它会创建一个Artifact：

  • 内容重要且自成一体，通常超过15行
  • 用户可能希望在对话之外编辑、迭代或重用的内容
  • 代表一个复杂的内容片段，无需额外的对话上下文即可独立存在
  • 用户可能希望稍后参考或使用的内容

如何开启Artifacts功能

Artifacts功能对所有Claude用户开放。该功能目前处于预览阶段，需要手动开启。

点击头像，有个Feature Preview，点进去，把Artifacts打开就行。

Claude开启Artifacts

Claude中的Artifacts如何应用激活

Artifacts可以针对一下的内容开启右边的预览展示。

  • 文档（Markdown或纯文本）
  • 代码片段
  • 网站（单页HTML）
  • 可缩放矢量图形（SVG）图片
  • 图表和流程图
  • 交互式React组件

以上内容，针对程序员还是非常实用的，尤其是前端程序员。

Artifacts展示

Claude中的Artifacts如何使用

Artifacts的功能

  1. 实时可视化：用户可以即时查看和交互生成的内容，从网站设计到数据可视化。
  2. 互动编程：开发者可以在Artifact窗口中直接编写、编辑和执行代码。
  3. 协作工作空间：团队可以在同一个Artifact上共同工作，促进实时协作。
  4. 多格式输出：Artifacts支持各种内容类型，包括代码、文档、图片和互动组件。
  5. 版本控制：用户可以跟踪更改并恢复到之前的工作版本。

Artifacts的再次编辑

  • 通过请求Claude添加函数、修复错误、优化性能等来修改代码。
  • 请求Claude详细说明Markdown文档中的某些部分或更改格式。
  • 请求对SVG图像或HTML页面进行设计调整，如调整颜色、字体、布局等。
  • 让Claude修改图表或React组件的数据或参数。

Artifacts 与普通聊天回复在Claude中的区别

Claude中的Artifacts代表了相对于普通聊天回复的一个重大进步，提供了一种更具互动性和多功能性的方式来处理AI生成的内容。以下是Artifacts与普通聊天回复的详细比较：

特性 普通回复 Artifacts
展示方式 内联文本 专用窗口
内容类型 主要是文本 多种格式
互动性 静态 完全可编辑
内容大小 通常较短 较大且复杂的内容
持久性 仅限聊天记录 可保存且有版本控制
可视化 有限 丰富的选项
协作 个人使用 团队友好
版本控制 无 内置版本控制
导出选项 复制粘贴 多种导出方法
上下文依赖 通常较高 自成一体

Claude Artifacts结合多模态的能力

  • 可以让Claude分析您上传的图像，然后生成一个Artifact来可视化或解释其见解（例如带注释的图像版本、关键概念的图表等）。
  • Claude可以根据上传图像的内容生成SVG图像或HTML设计（例如，根据品牌的视觉风格生成网站模型）。
  • 对于数据可视化，您可以提供给Claude一个数据集或图表图像，让它生成一个交互式版本作为React组件Artifact。

Artifacts结合多模态的能力