我用AI“ vibe“出了一个小程序的记录和感想

0.背景最近AI和VibeCoding比较火虽然我平时也会用AI来调试bug生成组件/工具代码/文档/技术方案但并没有用AI完整的实现一个项目经常看到网上有人分享自己的项目90%都是由AI生成的自己也想试试。1.开发工具本地开了3个窗口OpenCode(MiniMax 2.1) 开发后端Trae(MiniMax 2.1) 开发前端微信开发者工具 实时预览没有手写代码只有提示词和对话2.页面设计设计也是交给AI来实现分别使用了 v0、bolt.new、gemini 实现了H5的界面还找了几个图片生成工具输出设计稿实现一个人脸对比的移动端H5用户上传图片识别并标记用户面部位置对识别到的人脸进行相似度评分并给出评分占比结果生成海报风格的卡片给用户下载。不需要实现上传功能相似度分数和评分占比结果使用随机值不需要调用API和排名计算挑了一个看着比较顺眼的UI来作为页面原型没有Figma没有PS从Prompt到视觉稿只花了不到10分钟时间。3.页面开发页面是在Trae中通过分步提示实现的先让AI创建两个页面在主页中创建一个图片选择器选择图片后进行压缩处理并得到base64数据接下来让AI生成后端代码并给出了调用示例让Trae根据示例实现接口调用得到人脸相似度对比分数和排名占比数据后让Trae进行绘制文案也不用绞尽脑汁直接问Kimi、Gemini和DeepSeek 我做了一款面部相似度对比小程序需要根据不同相似度给出一些文案和标签。相似度区间 推荐文案 标签90%以上 基因编辑都不敢这么像建议查一下族谱怕不是失散多年的双胞胎 复制粘贴85%-89% 这也太像了简直是同一个人好吗 一模一样80%-84% 相似度爆表建议原地组队出道素颜都像亲兄妹 亲姐弟吧70%-79% 这五官排列组合简直师出同门得上辈子修了多少缘分 很有夫妻相60%-69% 有内味儿了某些角度会让人恍惚属于越看越像型 孪生气质50%-59% 相似buff已触发笑起来的时候有点莫名的神同步 远房亲戚40%-49% 大概就是传说中的氛围感相似气质这块儿拿捏了 聊胜于无30%以下 算了算了重在参与颜值即正义各有各的美 强行不像选取了几个不同分数对应的文案和标签让AI绘制照片和文案到Canvas中。最惊艳的环节Canvas绘制