Anthropic唤起AI时代的Flash游戏精神
AI聊天机器人用普通英语编写基于浏览器的应用程序，带有经典网页风格。
图片来源： Nataliia Nesterenko via Getty Images
周三，Anthropic 宣布推出了一项新功能，将Artifacts文档管理系统扩展为一个类似2000年代初Flash游戏时代的个人AI应用画廊——尽管这些应用使用现代网页代码而非Adobe已停用的插件运行。
用户可以通过普通英语对话，在Claude聊天机器人界面直接构建并分享交互式应用程序，使用新API功能让Artifacts与Claude本身进行交互。Claude是类似于ChatGPT的AI助手。
Claude此前已具备构建网页应用的能力，但Anthropic重新聚焦这一被许多人忽视的功能。”我感到有趣的是，Anthropic将’我们在Artifacts中添加了window.claude.complete()函数’转化为看起来像重大新产品的发布，”在一篇博客文章中写道，”但不能说这不是对他们而言的不错营销策略！”
Claude Artifacts中AI编码游戏示例的截图。
Benj Edwards / Anthropic
Claude Artifacts中AI编码游戏示例的截图。
Benj Edwards / Anthropic
Claude Artifacts中AI编码游戏示例的截图。
Benj Edwards / Anthropic
Claude Artifacts中AI编码游戏示例的截图。
Benj Edwards / Anthropic
在Anthropic画廊网站上，示例应用按”学习新知识”、”生活技巧”和”发挥创意”等类别整理。首批特色应用包括交互式写作编辑器、睡前故事生成器、分子可视化器以及一个3D第一人称”Anthropic办公室模拟器”，用户可以在其中四处走动并与简单表示的现实Anthropic员工互动。
用户可以查看生成这些示例的提示和对话记录，甚至可以修改用于自己的目的。当前Artifacts画廊功能对Claude的免费、专业和高级计划用户开放，可通过Claude应用侧边栏访问。
工作原理：AI作为程序员
当用户要求Claude创建一个应用时，AI模型会编写HTML、CSS和JavaScript代码，通常使用React（用于网页界面的JavaScript库）来实现交互组件。Anthropic提供了一段演示视频展示这一过程。
Anthropic的”构建Claude驱动的应用”视频。
最新更新的关键新增功能是”window.claude.complete()”函数，AI生成的应用可以使用该函数向Claude发出请求，实现应用内的对话聊天机器人功能，如动态NPC或用户可交谈的导师。受Anthropic演示启发，我们创建了一个简单的2D模拟，用户可以在办公室中移动并与Ars Technica员工进行聊天，仿佛他们本身就是聊天机器人角色。
值得注意的是，目前体验完全在沙箱环境中运行。与传统网页开发不同，开发者手动集成API和服务，Claude创建的是自包含的应用程序，只能与Claude本身通信——没有外部API调用（”目前”如Anthropic所注），没有数据库连接，也没有本地浏览器存储。
构建应用界面的截图。右侧窗口显示应用的实时预览。图片来源：Benj Edwards / Anthropic
所有状态管理通过React组件或Claude实现的JavaScript变量在内存中进行，创建了一个简化环境，用户描述想法，Claude处理界面代码和AI逻辑。某种程度上，这类似于vibe coding，但完全自包含于其自身的网络环境中。
网页门户怀旧
也许无意中，Anthropic的Artifacts画廊界面让我们想起了经典的Flash游戏门户，画廊中的每个方块都展示了互动体验的快照——类似于2000年代初Flash门户如何用游戏截图吸引玩家。
对于错过Flash时代的人来说，这些浏览器应用感觉有点像定义了1990年代末至2000年代初互联网文化的复古应用，当时首次能够创建复杂的浏览器体验。Adobe Flash（最初为Macromedia Flash）最初是设计师的动画软件，但随着其编程语言ActionScript在2000年推出，迅速成为交互式网页内容的骨干。
但与Flash游戏不同，其中托管成本由门户运营商承担，Anthropic打造了一个系统，用户通过现有Claude订阅支付自己的乐趣。”当有人使用你的Claude驱动应用时，他们会使用现有的Claude账户进行身份验证，”Anthropic在公告中解释道，”他们的API使用量计入他们的订阅，而不是你的。你无需为他们的使用付费。”
“玩个游戏”部分的Anthropic Artifacts画廊视图。
Benj Edwards / Anthropic
“学习新知识”部分的Anthropic Artifacts画廊视图。
Benj Edwards / Anthropic
“戏耍草”部分的Anthropic Artifacts画廊视图。
Benj Edwards / Anthropic
“发挥创意”部分的Anthropic Artifacts画廊视图。
“生活技巧”部分的Anthropic Artifacts画廊视图。
如同昔日的Flash游戏，你创建的任何Claude驱动应用都在浏览器中运行，可通过任何拥有Claude账户的人分享。它们是通过简单链接共享的互动体验，无需安装，由其他人出于创作目的创建，现在它们由JavaScript而非ActionScript驱动。
虽然你可以将这些应用单独分享给他人，但目前Anthropic的Artifacts画廊仅展示Anthropic和你个人创建的示例。（如果未来扩展，可能会感觉像Scratch与Newgrounds的结合，但由AI完成编码。）最终，人类仍掌握方向盘，描述希望AI模型构建的应用类型，并在AI不可避免出错时引导过程。
说到错误，不要期待一开始就有完美结果。通常使用Claude构建应用是一个需要指导的互动体验，以达到预期结果。但只要耐心并使用大量代币，你很快就能开始vibe coding。
Benj Edwards 高级AI记者
Benj Edwards是Ars Technica的高级AI记者，于2022年创立了该网站的专门AI专栏。他还是拥有近二十年经验的技术历史学家。闲暇时，他创作并录制音乐，收集复古电脑，享受大自然。他住在北卡罗来纳州罗利市。
