🍹 Insight Daily 🪺
Aitrainee | 公众号:AI进修生
Hi,这里是Aitrainee,欢迎阅读本期新文章。
今天构建一个下面这样的应用程序(其一),并聊聊AI编码工具。
Bolt和Cursor是目前新兴的AI编码工具,它们能够帮助你快速构建完整的全栈应用程序。你不再需要几个月的开发周期,即使是新手,也能在 20分钟到一个小时内 完成项目的构建。
Bolt,它可以完成整个全栈开发,从前端、后端、数据库到部署到Netlify,而且如果你是初学者,这种工具对你来说更强大。
如果你已经是全栈开发者,Bolt可能只能帮你节省一些时间,但如果你从未编程过,现在你有能力创建自己的软件,这在人类历史上是首次实现的。
而说到Cursor,使用它,你就可以独立开发IOS应用程序、也可以独立制作全栈应用程序,这在前面的一段时间中有许多博主做过类似的事情,真的很酷:
我一直在研究和掌握AI编程工具,并结合网上一些有趣的想法进行实践构建应用程序。
如果你不了解Bolt的基本操作,你可以看看我此前的文章
[Bolt.new:这款全新免费编码代理太棒了!轻松超越 v0 和 Cursor!(告别 ChatGPT、Claude)
2024-10-06
如果你早就知道了Bolt:
我们来看看今天的这个应用程序是怎么做的:
AI实时语音助手
很简单,对Bolt输入下面的提示词他就会帮你生成上面的应用程序。
### 需求描述
1. **UI设计**
- 打造一个简洁优雅的用户界面,风格圆润、柔和。
- 增加模糊和渐变效果,使界面显得流畅、有光泽感。
2. **功能实现**
- 支持与OpenAI语音助手 **幼笙** 的语音互动,使用HTML嵌入OpenAI语音模式小部件。
3. **嵌入代码**
- 使用以下代码在页面中嵌入语音互动小部件:
<iframe id="audio_iframe"
src="https://widget.synthflow.ai/2123571520" allow="microphone" width="400px" height="600px" pointer-events="none" scrolling="no" style="position: fixed; background: transparent; border: none; z-index: 999">
</iframe>
这是一段构建实时语音应用程序的提示词,写的比较简单,当然你后续可以做修改。
这个是一步到位的哈,输入了这个提示词就完成了我们整个应用程序的创建,有图为证:
不过注意,第三行的嵌入的代码要替换成你自己的,它在这个平台里:https://fine-tuner.ai/auth?m=login(箭头所指):
Synthflow 这个平台提供了Openai Real-Time Voice API,它可以帮助你完成实时语音对话。
进入这个平台后,要先创建的语音助手,具体如下视频,创建后你还可以设置一下提示词从而定义助手角色特征:
或者继续增加知识库(网站左栏)。
回到上面,把实时语音对话程序嵌入代码和提示词一起给到Bolt后,得到该应用程序最终的样子:
是不是很酷。
当然,如果你想要进一步更多的修改:你可以从Bolt 下载到本地,然后结合Cursor对代码进行一些调整。
" Ctrl + i " 调出 Cursor Composer 然后按照你的需求改。
总之要创建一个这样的应用程序过程极其简单,简单几步下来我们就得到了一个这样看起来还比较酷的小玩意。
我还做过一些其他的东西,也是用Bolt+Cursor做的,有时候还结合一下V0。
AI播客
不过,关于下面这个的详情以后再说,过程比上面复杂一些:
One More Thing
我挺喜欢博主David Ondrej(文末) 对现在出现的这些AI工具的看法:
必须认真起来,因为未来一到两年内,我们每个人都可能会拥有自己的专属软件。
“ 看文章 / 视频学习固然不错,你已经比大多数人做得好,但真正的进步在于与世界顶尖的人比较。要成为他们那样的人,就必须付诸行动。建议你看完文章或视频后,自己动手去构建一些东西,不管你的想法有多小,他都会有不一样的感悟。
同时,速度就是力量。我们现在可以在几分钟内将任何想法转化为现实。OpenAI以迅速破坏创业公司闻名,如果你花上一年时间启动一个创业项目,在AI领域可能就已经落后了。你必须灵活并迅速行动,比如几周内推出MVP,几个月内发布完整版本。
特别是对于内部使用的软件,只需要几天时间就足够了。
比如,如果你不喜欢使用某款日历应用,只需十分钟,你就能创建一个新的日历工具;或者,如果你不喜欢某个打车软件,可以自己开发一个界面更简洁、体验更流畅的应用。在未来的18个月里,这一切都将成为可能。现在,每个人都有机会成为早期采用者,就像早期使用微信、或是2000年代初期用上支付宝一样。眼前的机会是独一无二的,所以你需要从今天开始行动。
令人惊讶的是,Bolt仅仅在两个月前还没有问世,而AI编程工具的进展速度远超预期。 所以,如果你觉得LLM(大型语言模型)发展很快,那就更加关注AI编程工具,它们正迅速更新迭代,比如V0、Cursor、Bolt和Replit代理等。 试想一下,未来6到12个月,局面将会发生怎样的变化。 基于这个趋势,我强烈建议你认真对待这一切 ” 。
不过 ,虽然AI工具能够帮助你轻松创建全栈应用程序,但我使用AI的原 则是:首先要了解一个领域的基本框架和原理,然后再利用AI的功能来提升效率。举个例子,做全栈开发时,你需要了解前端、后端、数据库等各个环节的基本原理和概念,只有这样,才能更好地掌控AI,或是在某些细节上更有效地利用AI的优势。
嗯嗯,后续我会继续分享关于Cursor、Bolt、V0等AI编码工具的操作实践。
🌟希望这篇文章对你有帮助,感谢阅读!如果你喜欢这系列文章请以 点赞 / 分享 / 在看 的方式告诉我,以便我用来评估创作方向。
往期推荐
Grok-2 免费API + Cline : 使用Grok API 免费运行AI编码代理 ,每月都有25美元免费额度!
每日AI:Vercel v0 太棒了!!MLE-Agent、专注RAG与工具调用优化的Command R+
Bolt.new:这款全新免费编码代理太棒了!轻松超越 v0 和 Cursor!(告别 ChatGPT、Claude)
Bolt + 免费的Mistral 和 Github API:免费且强大的AI代理工作流,无需V0(o1-preview免费)
👽Submission:kristjahmez06@gmail.com
参考链接:
[1] David Ondrej:https://www.youtube.com/watch?v=i0bQ495vMBA
[2] https://www.youtube.com/watch?v=teGUsrY8G30
知音难求,自我修炼亦艰
抓住前沿技术的机遇,与我们一起成为创新的超级个体
(把握AIGC时代的个人力量)
点这里👇关注我,记得标星哦~
一键三连「分享」、「点赞」和「在看」
科技前沿进展日日相见 ~