PoeAI推出Previews预览功能对标ClaudeArtifacts

Anthropic 在发布最新模型 Claude 3.5 Sonnet 时，同时官宣了一个针对 Claude AI 重要的更新，那就是 Artifacts 。新功能Artifacts允许Claude用户在与聊天机器人的对话之外，通过一个专门的窗口分享、编辑和构建重要的独立内容。这些内容通常是超过15行的文本、代码片段、HTML网页、SVG图像、图表和交互式React组件等。用户可以在专用窗口中查看、复制和编辑这些内容，并通过版本选择器切换不同版本，还可以查看底层代码、复制内容或下载文件。

简单来说，就是Claude AI给你内置了一个预览窗口，可以把由AI生成的文本、代码片段、HTML网页、SVG图像、图表和交互式React组件等以预览的形式展示在这个专用的预览窗口中，这样能够大大提高用户对于AI生成内容的查看和修改效率。

比如下面这张截图，就是在Claude Artifacts中直接展示SVG矢量图的效果。

对于这样一个非常实用的功能，自然是值得其他AI平台借鉴的。 Poe ，由北美的“知乎”（问答社区）Quora于2022年12月推出的AI平台，也是在昨天（7月8日）推出了名为“ Previews ”预览功能。虽然名字和Claude的Artifacts不同，但其实功能效果和Artifacts是类似的。

关于Poe

Poe，严格来说，是一个AI聊天工具的集成平台。和ChatGPT只能使用 GPT 系列模型，Claude只能使用 Claude 系列模型，Kimi只能使用 moonshot 模型不同，Poe集成了AI领域几乎所有排名靠前的AI机器人/LLM模型，国外的包括 GPT-4 系列， Claude 3/3.5 系列， Gemini 1.5 Pro/Flash 系列；国内的包括阿里通义千问系列。Poe平台上的机器人部分是Poe官方推出的，也有少部分是用户搭建后发布在平台上的。

作为一个提供“一站式服务”的平台，使用Poe意味着你可以体验到目前所有主流的LLM模型，这也是我很久以前就强烈推荐使用Poe的原因之一。相比ChatGPT和Claude对于网络环境的严格要求，Poe使用更为便捷。同时，免费用户每天有着3000积分的使用量，每个AI聊天机器人会消耗数量不等的积分，比如刚推出的 Claude 3.5 Sonnet ，每次对话消耗200积分，也就是一天能够对话15次，积分每日重置。

付费计划的价格为20美元/月，付费用户每月有着100万积分的使用额度，还是以 Claude 3.5 Sonnet 为例，意味着每月可以和 Claude 3.5 Sonnet 对话5000次，怎么说都够用了吧。

关于Poe这个AI平台更详尽的介绍和使用教程，可以参考我这篇文章：《 免费使用Claude 3！这个平台集成了所有主流的AI聊天机器人！Poe AI 2024最新版教程 》。

Poe新功能：Previews预览

1. Previews实时预览

We’re excited to introduce Previews, a new feature that lets you see and interact with web applications generated directly in chats on Poe. Previews works particularly well with LLMs that excel at coding, including Claude 3.5 Sonnet, GPT-4o, and Gemini 1.5 Pro.

作为一种全新的交互体验，Previews预览功能允许用户在聊天过程中直接查看和操作由AI生成的Web应用程序。这项功能的核心优势在于其直观性和易用性，用户可以在聊天界面中实时查看AI生成的Web应用，并与之进行即时交互，而无需离开聊天界面。Poe官方表示该功能特别适用于擅长编码的大语言模型（如 Claude 3.5 Sonnet 、 GPT-4o 和 Gemini 1.5 Pro ）。

为了测试该功能的效果，仿照Claude的Artifacts，我让 Claude 3.5 Sonnet 机器人生成一个“螃蟹”的SCG矢量图并展示。测试下来，生成速度快，Previews预览功能实际上是把基于HTML代码的SVG展示在了预览卡片/窗口中，整体体验很丝滑。

2. 多机器人合作

Previews can be shared with anyone via a dedicated link, and you can view your output in a new tab outside the chat. You can also leverage Poe features like multi-bot chat, file upload, and video input to help you build your custom web applications.

除了实时预览，Previews功能还支持将生成的Web应用通过专用链接分享给他人。接收者可以在新的标签页中查看和操作这些应用，从而在聊天之外获得更深入的体验。此外，Poe平台提供了多机器人聊天、文件上传和视频输入等功能，这些工具可以辅助用户构建更加个性化和复杂的Web应用程序。

不得不说， AI拉近了我们和知识的距离 。对于Poe，可以用“@”的方式召唤其他AI机器人来共同完成一个项目。比如我召唤了 GPT-4o 来美化一下上一步生成的“螃蟹”SVG图片。

3. 零代码构建创意互动

This new functionality enables all Poe users to create custom interactive experiences, regardless of programming ability. You can build games, interactive animations, drag-and-drop interfaces, data visualizations, and much more.

无需编程背景，用户即可构建游戏、互动动画、拖放界面、数据可视化等多样化应用。Previews的推出，让创意和互动性成为可能，每个人都可以通过简单的聊天指令，引导AI生成丰富的Web内容。无论是教育工具、娱乐应用还是实用程序，Poe的Previews功能都能提供强大的支持，让每个用户的创意构想得以实现。

Poe官方分享了创建的一个16步的电子鼓机（Drum Machine）应用程序。它使用HTML、CSS和JavaScript创建了一个模拟鼓机的用户界面，用户可以通过这个界面来制作节奏和鼓点。

4. Previews功能已面向所有用户开放

Previews is available now for all users on web, and supports HTML output, with CSS and Javascript functionality. We plan to introduce support for additional formats in the coming days and weeks. We’re excited to see what you create!

目前，Previews功能已面向所有用户开放，支持HTML输出，同时具备CSS样式和JavaScript交互功能。Poe表示计划在未来几周内引入对更多格式的支持。

5. 案例分享

以下是Poe官方分享的几个由Poe生成的web应用程序的案例。

互动演示Interactive Presentation : https://poe.com/s/NlX2WRElDUvtuuMSFrZq

知识卡片Flashcards : https://poe.com/s/HDAXQjBX9qmsInjjgV4X

电子鼓机Drum Machine : https://poe.com/s/G4HshkCQCaXVfg0ndPZK

大型色彩碰撞器Large Color Collider : https://poe.com/s/neKbyqEJYUtiRjeC6b5f

结语

实测下来，Poe的Previews预览功能完全不输于Claude的Artifacts功能，甚至更加强大，比如多机器人合作和文件上传等锦上添花的功能。

精选推荐

使用GPT-4o模型的5种方法，总有一种适合你！