这篇笔记记录一下我尝试vibe coding的过程。 ✅我做的是一个考公言语理解的“成语选择刷题”网页，手机和电脑都可以打开，具体的界面可以看图1和图2。 网页里有800个成语还有100个高频实词，都是来源于《花生十三800词》，句子例题也是来自于“人民网”（依旧花生让从人民网找例句），所以全都是从真实的新闻报道中截取，平均下来每一个成语有5个里例句来选词填空，共4000多道题。 ✅用到的工具： 前期调研的时候我发现很多AI工具的使用门槛都很高，所以一开始的需求就是低门槛，稳定，便宜的基础上好用，所以我用到了：trae、deepseek两个工具，其中trae是编程写代码的主力，deepseek主要辅助我理清思路。 ✅遇到的问题 1、trae自带的免费大模型总是需要排队，经过对比选择充值了deepseek的API，接入了deepseek-V4Pro，这极大提高了我的效率，而且从结果来看几乎没要多少钱。 2、AI写的界面实在太丑了，黑色为主（图3）看起来很奇怪。我觉得一个网站至少要界面好看是基础条件，所以也花了很多时间去研究怎么改UI界面。经过了解我知道有专门的skill，把skill接入agent就可以快速生成高级的UI风格。我试过好多SKILl都不大管用，要不就是不理解我的意思，要不就是改好的效果很一般，最后用的是frontend-design，这个SKILl是很多大厂程序员都在用的，而且我改好之后，朋友说看起来很像粉笔的风格，这也是我想要的，因为我想界面是专业的好用的。（这个优化前端界面的skill我可以免费分享） 3、其他比较麻烦的就是测试，这个不懂代码的人想要调整的话有点复杂，因为一点小问题可能都要问AI好多次，但是整体也还好，因为至少我用的仅仅是trae+deepseek就很聪明了。 ✅整体感受就是这件事情比很多人想象中要简单。我也是之前觉得做这种东西很困难，所以一开始没有想到会这么顺利，当时AI直接帮我写脚本爬取那些例句的时候我才感受到这个太牛了，而且做完之后觉得特别有成就感，所以后面也尝试做了一些桌面宠物的小玩意，依旧是简单好用有意思。 我推荐有这种想法的也来试试，只要先想好自己想做什么样子的产品就好，然后就可以开始了。#vibecoding #小白 #skill分享 #经验分享 #言语理解