关于Claude Artifacts的5条总结!

大家好,我是木易,一个持续关注AI领域的互联网技术产品经理,国内Top2本科,美国Top10 CS研究生,MBA。我坚信AI是普通人变强的“外挂”,所以创建了“AI信息Gap”这个公众号,专注于分享AI全维度知识,包括但不限于AI科普AI工具测评AI效率提升AI行业洞察。关注我,AI之路不迷路,2024我们一起变强。

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,主要包括以下场景。

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

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

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

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

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

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

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

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

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

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

  6. 交互式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. 注意事项

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

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

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

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


精选推荐

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

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

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

  3. 一句话、10秒,我用Claude 3.5 Sonnet生成了完整的俄罗斯方块!

  4. 虽迟但到:Claude推出苹果iOS版本app及团队计划订阅!

  5. Claude 3模型重磅发布!号称已全面超越GPT4!附详细解读和体验地址

  6. Claude 3有点东西!这个看似简单的问题只有GPT-4和Claude 3回答正确!通义千问和讯飞星火表现同样亮眼!

  7. Claude 3 Opus超越GPT-4登顶LMSYS Leaderboard排行榜!通义大模型榜上有名!


都读到这里了,点个赞鼓励一下吧,小手一赞,年薪百万!😊👍👍👍。关注我,AI之路不迷路,原创技术文章第一时间推送🤖。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/412356.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

JavaWeb - Vue项目

创建 命令行 vue create project 图形化界面 vue ui 目录结构 启动 命令行 npm run serve 端口配置 Vue的组件文件以.vue结尾 每个组件有三个部分组成&#xff1a; <template>&#xff1a;模板部分&#xff0c;由它生成HTML代码<script>&#xff1a;控制…

电容笔买什么牌子好?2024开学季超硬核避坑指南!选对不交智商税

随着平板设备的广泛使用&#xff0c;电容笔逐渐成为了学生和职场人士的热门选择&#xff0c;因为它们可以与平板设备无缝配合&#xff0c;提升用户书写和绘画的效率与乐趣。但随着电容笔市场的蓬勃发展&#xff0c;涌现了很多平替品牌&#xff0c;很多用户都在纠结电容笔该买什…

css画个熊猫

【html源码-一键复制查看效果】 <!DOCTYPE html> <html><head><meta charset"utf-8" /><title></title><style>* {margin: 0;padding: 0;box-sizing: border-box;}.box {position: relative;width: 300px;height: 260px;…

文件批量处理:批量读取、修改与保存的技术指南

目录 一、引言 二、批量读取文件 2.1 文件格式与规范 2.2 读取文件的基本方法 2.3 批量读取的实现 三、批量重命名文件 3.1 使用专用软件 3.2 编写脚本实现 四、批量修改文件内容 4.1 使用文本编辑器或IDE的批量替换功能 4.2 编写脚本批量修改文件内容 五、案例分析…

android studio 设置gradle jdk

1. 左上角点击file 2. 按照如下点击&#xff1a; 3. 即可修改gradle jdk

SQL-函数

1、字符串函数 # 字符函数 select concat(hello , mysql!); select lower(HELLO); select upper(hello); select lpad(01,5,-);# 左填充 select rpad(01,5,-);# 右填充 select trim( hello mysql ! );# 去除前后空格 select substring(hello mysql!,1,7);# 截取一部分字符前7…

sql-labs31-35关通关攻略

第三十一关 一.判断闭合 1“” 二.查询数据库 http://127.0.0.1/Less-31/?id-1%22)%20union%20select%201,2,database()--http://127.0.0.1/Less-31/?id-1%22)%20union%20select%201,2,database()-- 三.查表 http://127.0.0.1/Less-31/?id-1%22)%20union%20select%201,…

pmp证书为何会被骂?他真的就是个垃圾证书?

说是垃圾到不至于。 毕竟PMP证书今年被北京市列入急需紧缺专业人才人员名单&#xff01;同时可以在创新创业、社会保障、评价激励等方面得到优先支。 其次&#xff0c;证书&#xff0c;其内容可以夯实基础&#xff0c;理清一个项目从启动、执行到最后的收尾做ppt结案的整个流…

[Hive]四、Hive On Tez

G:\Bigdata\Projects\大数据电商数仓项目(含2.0、3.0版本)\数仓项目实战V2.0\word版资料 1. Hive集成引擎Tez Tez是一个Hive的运行引擎,性能优于MR。为什么优于MR呢?看下图。 用Hive直接编写MR程序,假设有四个有依赖关系的MR作业,上图中,绿色是Reduce Task,云状表示写…

[数据集][目标检测]电力场景输电线均压环歪斜检测数据集VOC+YOLO格式303张2类别

数据集格式&#xff1a;Pascal VOC格式YOLO格式(不包含分割路径的txt文件&#xff0c;仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件) 图片数量(jpg文件个数)&#xff1a;303 标注数量(xml文件个数)&#xff1a;303 标注数量(txt文件个数)&#xff1a;303 标注类别…

多个pdf合并成一个文件怎么操作?教你几种大家都在用的合并pdf文件方法!

多个pdf合并成一个文件怎么操作&#xff1f;在当下这个信息爆炸的数字化纪元&#xff0c;PDF文件的整合管理正逐步成为职场与学术界的热门话题&#xff0c;许多人或许还未全然意识到&#xff0c;将多个PDF文档合并为一的策略背后所蕴含的深远意义&#xff0c;其中最重要的就在于…

给自己复盘用的tjxt笔记day11第二部分

异步领券 优化方案分析 对于高并发问题&#xff0c;优化的思路有异步写和合并写。 其中&#xff0c;合并写请求比较适合应用在写频率较高&#xff0c;写数据比较简单的场景。而异步写则更适合应用在业务比较复杂&#xff0c;业务链较长的场景。 显然&#xff0c;领券业务更…

Python | Leetcode Python题解之第377题组合总和IV

题目&#xff1a; 题解&#xff1a; class Solution:def combinationSum4(self, nums: List[int], target: int) -> int:dp [1] [0] * targetfor i in range(1, target 1):for num in nums:if num < i:dp[i] dp[i - num]return dp[target]

MyBatis的学习————下篇

目录 一、动态SQL 简介 1、if标签 2、where标签 3、trim标签 4、choose、when、otherwise 5、foreach 5.1、批量删除 5.2、批量添加 6、sql标签 二、MyBatis的缓存 1、一级缓存 2、二级缓存 3、二级缓存的相关配置 4、MyBatis缓存查询的顺序 5、 第三方缓存EHCac…

【滑动窗口法解决子数组,子串问题】

前言 在leetCode题解中看到一位大佬针对滑动窗口法解决子数组&#xff0c;子串问题的总结&#xff0c;觉得总结的非常好&#xff0c;成功地将滑动窗口法变成了默写题&#xff0c;在这里学习记录一下。 适用于 76.最小覆盖子串 567.字符串的排列 438.找到字符串中所有字母异位词…

WPF- vs中的WPF应用项目模板 如何自己实现

读书笔记 1. 单个 c#文件的 空白window应用程序 (只展示了一个button按钮) 2.C#文件 和xml文件 的空白window程序 .xml文件作为程序的资源 (只一个button按钮) 3. xmal和c#共同编译 形如使用VS 创建WPF应用项目模板 1.新建一个wpf空白项目 ,添加一个主c#文件 和xaml文件(属…

手算神经网络MAC和FLOP

在本文中&#xff0c;我们将深入探讨神经网络背景下的 MAC&#xff08;乘法累加运算&#xff09;和 FLOP&#xff08;浮点运算&#xff09;概念。通过学习如何使用笔和纸手动计算这些内容&#xff0c;你将对各种网络结构的计算复杂性和效率有基本的了解。 这是 colab 笔记本中…

Java语言程序设计基础篇_编程练习题*17.13 (带GUI的组合文件工具)

目录 题目&#xff1a;*17.13 (带GUI的组合文件工具) 代码示例 结果展示 题目&#xff1a;*17.13 (带GUI的组合文件工具) 改写编程练习题17.12使之带有GUI&#xff0c;如图1721b所示 可以使用编程练习题17.11的GUI代码和编程练习题17.12的程序代码&#xff1a; Java语言…

linux系统使用 docker 来部署运行 mysql5.7 并配置 docker-compose-mysql.yml 文件

Docker是一个开源的容器化平台&#xff0c;旨在简化应用程序的创建、部署和管理。它基于OS-level虚拟化技术&#xff0c;通过将应用程序和其依赖项打包到一个称为容器的标准化单元中&#xff0c;使得应用程序可以在任何环境中快速、可靠地运行。 Docker的优势有以下几个方面&a…

SpringMVC 笔记篇

1.1 执行流程 1.1.5 DispatcherServlet的init()——> 创建Spring容器 ——> initStrategies()方法 在1.1.4中DispatcherServlet中的init()方法创建Spring容器之外&#xff0c;其实还会做一件特别重要的事&#xff0c;在FrameworkServlet中的refresh()方法执行之前&…