免费用Claude 3.5 Sonnet，深度探索WebSim.ai | 零基础实现AI应用设计

（注意：本文是知识星球的精选内容。如果你已经加入了知识星球“kate的AI星球”，无须重复支付。）

引言

在早期的Claude Artifact文章中，我曾提到过一个案例，它涉及到WebSim AI。当时并未给予太多关注。然而，在撰写了十多篇关于Claude 3.5 Sonnet的文章后，再次回看WebSim，发现了它的独特之处。

WebSim.ai 是一个平台，用户可以在其中模拟、探索、创建和重新组合虚拟网页。

目前，WebSim.ai 提供免费且无限制的使用机会（Claude 3.5 Sonnet和GPT-4o免费用），用户可以尽情探索其功能。

我在多次体验后认为WebSim非常强，非常适合零基础AI爱好者使用。

WebSim.ai的主要特点

它的特点是什么？来，让WebSim自己制作一个介绍。

高级功能

平台支持复杂的网站创建，包括控制动画、调整重力强度、改变生成率等高级功能。

社区支持

WebSim.ai 具有一个活跃的社区，用户可以分享他们的创作并从其他用户那里获取灵感。

你可以在WebSim和GPT-5对话，让它帮你分析论文。

https://WebSim.ai/c/fEhIxXyPMV2XFem56

上面界面不喜欢，那你可以和下面的Sonnet对话。

https://WebSim.ai/c/cEvOzY9Xw7jTkgI9Y

支持设置系统提示词

或者和它交流

虽然生成的页面是虚拟页面，但是用到的AI可是顶级LLM。

WebSim优秀案例展示

输入公式生成音乐

花纹生成器

Suno提示词助手

https://WebSim.ai/c/7GjhHDnVdoW7vjMAj

也有Udio提示词助手

20秒生成商业模式画布（支持下载）

还有应用输入关键词就能帮你设计网页

https://WebSim.ai/c/b5gEiJeTKntpNfTrG

我用它设计了我的域名对应的网页。

换个设计风格

视频播放页面，真实可观看。

代码实时预览页面

3D Logo动画

8-Beats

信息展示

看了这么多优秀案例，你是不是也心动了？

WebSim官方用户界面指南

展示下我用WebSim制作的页面

上海天气预告

个人博客

可以看出WebSim能做出风格很一致的多页面。

注：页面不是真实信息，都是模拟的。

视频分镜看板

可以移动，增减场景内容

兔子造型的待办清单

连上AI的卡片工具

最近，卡片生成工具非常流行，许多爱好者都在尝试制作自己的卡片工具。截至目前，我已经制作了四个卡片生成工具。下图中的页面是使用WebSim直接生成的，包括卡片上的文字也是由WebSim生成，并未使用其他API。如果你想了解这些工具的制作过程，以及如何充分利用WebSim，请继续阅读下文。