AI 嘴替,社交平台反杠机器人:第 3 篇-页面优化&总结

大家好,我是欧达克。

前面大致实现了 AI 嘴替 应用聊天的功能,今天主要是针对 AI 工具生成的代码进行优化。


问题丢给 DeepSeek:

我想利用 AI 工具生成图片,根据我输入的文字描述,生成对应的图片,有什么 AI 网站可以满足我的要求吗?

DeepSeek 回答:

最终亲测了几款之后,发现 Midjourney 和即梦 AI 效果比较好,这里不得不吐槽下文心一格,AI 工具收费无可厚非,但是其他的工具多多少少能免费体验下,文心一格直接引导到充值页,这波吃相未免太难看。

对比了 Midjourney 和即梦 AI 后,最后选择了 Midjourney 生成的 Logo,效果如何千人千面。

Midjourney:

即梦 AI:

UI 优化

上一篇实现了基本的前后端交互,现在针对前端做些 UI 优化,依然是用 Cursor 和 Trae。

这里就不单独对比 Cursor 和 Trae 了,实际体验下来效果差不多,都是基于最新的 Claude-3.7 模型。

Trae

现在index.vue生成的首页太简单了,我不需要顶部的蓝色框,我需要添加一些动态的背景,具有科技感,同时开始对话的按钮和 logo 图片不要显得那么突兀。

去掉顶部导航栏

帮我再优化在首页,要求图片居中,开始对话置于中下位置,同时背景动态效果更丰富一些,最好能和图片有些联动。

然后就是服务失败,检查网络。。。

最后在经过 1 小时多的调试之后,对比下优化前后效果。

引导页:

旧:

新:

对话页:

旧:

新:

下面是使用 qwen-plus的对话效果:

前后端的代码都已提交到 GitHub,有兴趣的朋友可以翻翻往期文章。

总结

本章主要使用 Trae 对 UI 做了一些优化,让页面看起来更酷炫一点。

产品主体功能就这样了,但是很难说服自己做的东西不是个垃圾,但这并不是 AI 的问题。实际体验下来,你只要给它一个明确的功能需求,它能够做得很好,甚至很多页面动态效果,对于一个不太了解前端的同学,可能需要花很长的时间去实现,但是 AI 在 30 秒内完成。这里因为我给 AI 的描述很宽泛,并没有明确动态效果应该是什么样,所以 AI 就自由发挥。

总体感觉当前市面上的 AI 确实是很好的编程辅助工具,特别是对于有一定编程基础的人,在工作中能大大提效。不管是像 Cursor、Trae 这种自带编辑器的 AI 工具,还是像通义灵码、cline 这种插件,实际体验下来都不错。很多人会说 AI 早晚会替代程序员,也许是对的,但是 not today!what do we say to the God of Death? -Not today! )。普通人能做的,就是多接触 AI 工具,用好 AI 工具,但就算完全不懂 AI,又有什么关系呢,每次的技术革新都是少数人推动的,普通人处在时代的洪流下,能过好自己的生活就很好了,致敬每一位为了生活负重前行的我们。

我是欧达克,祝你幸福。

相关推荐
AI绘画哇哒哒39 分钟前
RAG 系统中文档切分策略:如何选择合适的 chunk size?| 收藏这份实用指南,小白也能轻松上手大模型学习
人工智能·学习·ai·程序员·大模型·产品经理·转行
python零基础入门小白1 小时前
从0到1:手把手教你用Coze打造AI Agent,小白也能转行AI!
人工智能·学习·程序员·大模型·agent·产品经理·ai大模型
阿里嘎多学长3 小时前
2026-05-04 GitHub 热点项目精选
开发语言·程序员·github·代码托管
唐叔在学习4 小时前
TodoList:我的待办助手
python·程序员·ai编程·待办应用
程序员鱼皮5 小时前
试了下 Codex 新出的宠物功能,吊打 Claude Code,给我玩上头了。。
ai·程序员·编程·ai编程·codex
SimonKing5 小时前
OpenCode 在 IDEA 中使用 ACP 协议 VS 直接使用 TUI,哪个编程方式更是你的菜?
java·后端·程序员
AIGC安琪6 小时前
Transformer 和 LLM 到底是什么关系?
人工智能·深度学习·ai·语言模型·程序员·大模型·transformer
阿里嘎多学长6 小时前
2026-05-02 GitHub 热点项目精选
开发语言·程序员·github·代码托管
魔术师Grace7 小时前
普通人学 AI,不要一上来就学提示词
前端·人工智能·程序员
陈随易21 小时前
为什么今天还会有新语言?MoonBit 想解决什么问题?
前端·后端·程序员