作为普通人，如何方便地用上最前沿的 AI 工具？

现在 AI 大模型是一个炙手可热的话题，随着去年 ChatGPT 的发布，AI 的热度一直都没有断过。

实际上，在我的实际工作和生活，已经深度地融合了 AI，大幅地提升了我的生产效率和人生体验。

我在后台私信也收到了不少读者朋友的问题，其中有不少关于 AI 的，比如：

• 能不能分享一下 AI 和前端有哪些可以结合的地方？
• 平时我是如何使用 AI 的？如何才能用上 GPT4o？😄
• AI 目前有哪些好玩的应用？对编程领域有哪些冲击？会不会取代程序员？

对这些问题，我想在文章进行逐步地回答，另外也会给大家分享一些 AI 的实战经验，甚至是底层知识的分享，包括但不限于：

• 作为一个普通人，如何方便地用上最前沿的 AI 工具？
• 如何系统化地学习 Prompt 技巧，成为专业的 AI 调教师？
• 大模型是如何被一步步训练出来的？
• 如何在本地机器上部署一份开源模型，作为个人专属的小助手？

首先，我们从第一点开始聊起。工欲善其事，必先利其器。好用的工具和平台对于我们探索 AI 是至关重要的，而由于各种技术限制，很多人被卡在了这一步。

根据笔者使用 AI 的经验，除了字节的 Coze 平台可以搭建 Bot 之外，笔者最近也在研究一个比较新的平台 302.AI：

从中发现了一些比较亮眼的新工具，这篇文章来重点分享一下相关的信息。

我觉得一个好用的工具一定需要入口足够的简洁，让用户一眼就能知道如何使用。302.AI 在这一点上做的尚可，可以先看下平台入口（注册和登录已省略，基本操作）：

搭建 Chat 机器人

在完成注册和登录的操作后，进入这个「全能工具箱」的页面，在这里点击新建工具箱即可进入聊天界面，整个流程个人感觉成本还是比较低的：

好，至此，我们就可以通过很便捷的方式新建了一个聊天机器人，重点是里面支持了国内外的顶尖 AI 模型：

包括最近新出的 GPT4o-mini、Claude 3.5 Sonnet，以及开源的各种小模型，如 llama3 等等。看到这里，我想说：

从普通人的视角，这种便捷的模型切换功能确实给大家带来了不少便利，大大降低了技术门槛，给一个👍🏻。

当然，更加震撼的还在后头，我们继续分享。

多模态

默认进入的是聊天机器人的页面，实际上我们也可以进入绘画机器人的部分：

在这里分享一下个人的使用感受，在进入绘画的部分时，作为一个普通用户我的大脑实际上是一篇空白，不知道要画什么。我觉得 302.AI 产品上做的比较好的地方在于一进入产品就给你推荐一系列的画廊图片，你可以基于这些图片进行复刻和迭代，我随便选择了一张图片并点击「复制指令」：

然后直接进入了上面的这个绘画 Chat 框，按下回车后自动进行绘制：

生成结束后，还可以继续选择最后想要的图片，或者进行重新绘制，非常方便。

我非常推荐大家使用其中的「工具超市」功能，里面有相当多好用的功能，比如基于图片生成的”电商场景图“和”老照片修复“两个工具，大家感兴趣可以试试，这里不再展开介绍了。

除了生成图片，302.AI 也内置了生成视频的能力，采用的是当下顶尖的视频生成模型 Luma 以及 Runway：

大大降低视频生成技术的使用成本。

网页生成工具

当然，302.AI 里面最吸引我的还是里面的两个功能：

• 实时预览代码。模型生成 HTML/Svg 代码并且能实时预览代码的效果。
• 网页复制器。输入一张截图，AI 帮你复刻出这个网页。

怎么样？是不是听起来就非常厉害？

接下来我们可以来实际体验一下这两个"炸裂级"的功能。

实时代码预览

首先是实时代码预览的功能。

你可以从「工具超市」中选中「模型竞技场」：

接下来会进入如下的竞技场界面：

里面包含了业界各大最前沿的模型供你调试，更重要的是，在这个竞技场里面可以生成代码并预览！

比如我输入一个需求，帮我生成一个五子棋游戏：

注意！代码块旁边出现了「预览」按钮，点击之后，我们可以直接看到代码的效果：

网页中实现了点击鼠标下棋的能力，牛！

接着，我让它帮我生成一个表示操作成功的 svg：

还真就给我生成出来了，并且画的还很专业：

不夸张的说，这个 svg 图标完全可以让我用到生产环境了。

我需要强调的是，以上的案例仅仅只是浅尝辄止，如果你想设计更加复杂的应用，完全可以在这个竞技场继续开发，继续发挥大模型的创造力，实现各种惊艳的功能。

这个工具的伟大之处在于，让一个没有任何开发技能的人能够通过自然语言开发一个网页应用出来！

AI 网页复制器

虽然名字有点普通，但功能却非常厉害。同样地，进入「工具超市」，选择「AI 网页复制器」：

接着进入如下的界面：

简单来说就是，输入网页图片，给你直接生成代码。输出代码格式包含如下的选择：

我将 Google 搜索的首页输入进去：

里面有「打开 CodePen」的按钮，点开可以直接预览。我先给大家放一下原图：

AI 生成的代码预览如下：

有图有真相，AI 的还原度大大地超乎了我的预期！

更重要的是，这个网页复制器应用还有迭代应用的能力，比如：

甚至还能带上当前网页的截图，太贴心了...

也就是说，基于已有的一张图片，我就可以用自然语言持续迭代出任何我想要达到的效果，并且这个过程不需要写一行代码！

ok，今天的分享就到这里，希望能够给对 AI 感兴趣的你提供一些启发。Good Bye~

原创作者: u_15506823 转载于: https://blog.51cto.com/u_15506823/11720136