网站搜索

我尝试了Claude的新互动视觉效果,它可能是迄今为止最酷的功能


Anthropic,Claude的制造商,是近年来特别高产的人工智能公司之一。该公司不断推出新功能,以至于跟上其发布的速度本身已经成为一项挑战。社交媒体上的人们一直在开玩笑说,Anthropic接下来会宣布Claude能做什么工作。

仅在过去几周内,公司就宣布了代码审查(Code Review)、Claude 市场(Claude Marketplace)、连接器(Connectors)、Claude 代码中的远程控制(Remote Control in Claude Code)以及 Claude Cowork 中的计划任务(Scheduled Tasks)。但作为一个视觉学习者,我觉得最令人兴奋的功能更新是一个稍微不那么显眼的功能:交互式可视化(interactive visuals)。

什么是 Claude 互动视觉?

不,这不仅仅是换了个名字的《Artifacts》

Anthropic 于 2026 年 3 月 12 日宣布推出 Interactive Visuals,这是对 Imagine with Claude 的扩展,后者是公司在 2025 年末展示的一个临时体验。这个新功能让 Claude 可以在对话中生成图表、示意图和视觉解释器。Claude 使用 HTML 构建这些内容,这意味着它们不是静态图像,用户可以直接与其互动。自定义视觉响应在网络和桌面端的 beta 版本中向所有 Claude 用户开放。在 iOS 或 Android 的 Claude 上无法使用。

如果你在阅读上述内容后第一反应是“Claude 不已经能创建图表了吗?”,那完全可以理解。我一开始也正是这样想的。Claude 自 2024 年 6 月起就拥有一个名为 Artifacts 的功能,它可以让你“将想法转化为可分享的应用、工具或内容”。例如,你可能已经注意到,当你让 Claude 写一篇文章时,它会在右侧的单独边栏中打开文档,你可以在那里编辑、复制或下载为独立文件。这正是 Artifact 的用途。除了文章之外,Artifacts 还可以是代码片段、单页 HTML 网站、SVG 图像、流程图,甚至是完全互动的 React 组件。

与作为独立产出的工件不同,交互式视觉效果更具对话性。当 Claude 判断视觉效果比单独的文字更能解释某些内容时,会自动生成它们。视觉效果不会在单独的侧面板中打开,而是直接在 Claude 回答的段落之间内联呈现。

所以,本质上,你不需要明确地要求Claude创建一个视觉内容(尽管你完全可以)。与Artifacts不同,视觉内容存在于对话中,并且本质上是临时的。它们会随着你提出后续问题而变化和调整,只是帮助更容易理解和跟随对话的工具。也就是说,你仍然可以通过截取屏幕、保存为.svg或.html文件,或者将其转换为Artifact来保留视觉内容。

视觉思考者的梦想成真

我一直是那种更容易通过别人示范而不是第三次解释就能理解的人。如果你曾经在别人解释某件事时走神,或者在阅读说明时立刻就理解了流程图,你就完全明白我的意思。这个功能相当于有人在解释某件事时迅速撕下一张纸画一个快速的图示。只不过在这里,图示是完全互动且有趣的。下面是我用来测试这个功能的几个例子:

可视化数字逻辑电路

在学习时,人工智能在理解复杂概念方面提供了巨大的帮助。当我写这段文字的时候,我有一门本学期课程的测验:数字逻辑与设计。我尝试使用这个功能的第一件事就是为这门课程创建互动式视觉内容。

我第一次问Claude:“嘿,逻辑门是如何工作的?”它给出了通常的文字解释,并在答案中间提供了一个图示。不过那只是一个静态图,所以我又修改了我的提示:“嘿,给我展示逻辑门是如何工作的。”果然,它为我创建了一个互动逻辑门演示区,我可以切换输入来实时查看输出变化——相当令人印象深刻!







然后我让它对全加器和半加器(两个我有点不太确定的概念)做同样的事情,它又生成了一个互动的可视化,并配有文本。通过两者结合,我实际上比单靠文本更好地理解了这些概念。

了解抹茶的等级和冲泡方法

抹茶最近成了我最新的爱好。不幸的是,我的钱包并不太喜欢我每天点一杯抹茶的想法。所以,我一直在考虑在家自己制作抹茶。然而,我一直在努力理解所有不同的等级、工具和制备方法。由于我没有时间进行适当的研究或观看相关的 YouTube 视频,我决定向 Claude 发送以下提示:

我想在家开始制作抹茶,但各种选择让我感到不知所措。请给我讲解一下抹茶的不同等级,以及每种等级最适合用来做什么。然后比较不同的制作方法和工具,帮我找出哪种等级和设备的组合最适合我。我最近喜欢香草抹茶,而且我喜欢味道浓厚的抹茶!请把所有内容都形象化说明。

当我发送上面的提示时,Claude 生成了一个“抹茶等级一览”视觉图,分解了不同等级的抹茶、它们的风味特征,以及每种抹茶最适合的用途。它展示了仪式用抹茶、优质抹茶和烹饪用抹茶,甚至包含了每种抹茶的价格范围。







接着,它包含了一个用于准备工具的可视化展示,将四种工具按质地、操作难度和清理程度进行了分类。然后,它通过一个可视化图示概述了拿铁的准备方法,甚至强调了它认为最适合我的那一种。最后,Claude 为我整理了一个“入门套装”可视化图,详细说明了它推荐的设备设置、我应遵循的配方,以及获得浓郁抹茶风味的专业技巧。

然后我又发送了另一个提示:“让我在设置之间切换,看看我需要什么以及结果有何不同!” 它生成了一个互动小工具,我可以在四个设置之间切换,并并排比较所有内容。

东京五日游行程

接下来,我向Claude发送了以下提示:

我在东京有5天时间。请制作一个互动的逐日行程地图,显示各个街区、它们之间的旅行时间,以及每个地区的优先事项。

我在这个例子中觉得非常令人印象深刻的是,视觉效果是一个完全互动的谷歌地图视图,中心在东京。它显示了我旅行的五天行程,并用颜色编码标记了每一天。最上方有一个日期选择器,让我可以切换查看每天的行程。

每天的停靠点都按顺序编号,并在城市中的实际位置上放置了图钉标记。在当天的每个停靠点之间,地图上绘制了一条交通路线线,显示我需要实际走的路径。每个图钉也是可点击的,点击一个图钉会显示该地点的名称、地址、建议到达时间以及Claude提供的内部提示!

这可能就是那个听起来无聊但你尝试后会觉得有趣的功能

AI 图像生成看起来很酷,但在日常使用中最终感觉非常花哨。然而,交互式视觉效果似乎是我真正希望在 Claude 的回复中越来越多看到的一个功能。

如果你一直没有注意到这个,开一个新的聊天,然后直接让它可视化某些东西。你就会明白我的意思。

相关文章