一、初衷
作为一个应届生，孤独的求职过程实在痛苦，我幻想能立刻有一只小猫或者小狗能陪伴着我。
同时，我目睹过好朋友因为失去陪伴了他十年的小猫而伤心落泪，也刷到过许多人因为工作繁忙而不得不把自己的宠物拜托给父母，我开始思考，能不能设计出一款产品，让自己的宠物能以另一种方式陪伴在自己身边？
于是，我在TRAE SOLO的帮助下开发了【宠伴时光 Compawion】，一款上传照片即可识别生成像素风形象的桌宠软件。
二、Compawion是什么？
“Compawion”取自Companion，意为陪伴，我将其中的n换成了w形成了“paw”，突出宠物和陪伴是核心。别的桌面宠物软件都是预设好的形象，而Compawion里的每只猫，都可以是“你自己的”猫。
进入后，你可以选择上传自己宠物的照片，我这里用网上找的橘猫照片作为演示：
点击开始识别后就会调用大模型API识别并生成它的像素画，如果你觉得颜色、花纹有偏差可以自行调节。
创建好后你可以从它的幼年时期养起，它会陪伴着你慢慢长大，你也可以重温把自己的宠物再养大一遍的温馨。
输入名字点击创建就完成了：
点击开始陪伴之旅后它就会出现在桌面上：
它还会睡觉：
考虑到陪伴是核心，因此我没有设计太复杂的玩法和升级条件，时间到了它自然会长大：
一段简短的动画后，它会进入到成长期。
再然后，就会进入到成年期，之后它会一直以这个形象陪伴着你，也会随着陪伴时间解锁更多的互动动作（还没做好！！）
宠物后台里能管理你创建的任何宠物以及它的专属成长卡片记录。
除此以外，我还做了简单的日程提醒与备忘录功能，右键小猫会弹出快捷键（后台/日程提醒/备忘录）：
更详细的demo展示在这里，欢迎大家去观看哦：https://www.bilibili.com/video/BV168o5BEEUD/?share_source=copy_web&vd_source=3bdf4aa0866db0f4b2cc53a0e5e3f866
三、开发全过程
在这个过程中，对于我这个几乎完全没有开发经验的小白来说，TRAE SOLO真的帮助非常大。
首先是【More Than Coding】，这个非常厉害！我和它一直讨论，安装了头脑风暴的skill和我一起完善项目的细节，并且帮我生成了PRD、开发计划在内的五个重要文档（嘿嘿当时还没定下Compawion这个名字）
这一阶段对我帮助最大的地方，不是“它帮我多写了几段字”，而是它真的帮我把项目的目标、范围和优先级理顺了。尤其是对于一个没有完整开发经验的人来说，如果没有它在前面先把思路梳理出来，我觉得我在中途很容易出现两种情况：
一是忘记一些重要功能，做到后面才发现主链路不完整；
二是被一些看起来很酷但其实不重要的功能带偏，越做越散。
当然，做着做着我自己也会重新认识这个项目，发现有些功能其实没那么重要，就又会和它一起重新收缩需求、砍掉一些暂时不必要的东西。这个过程很像真的在做一轮轮产品评审。
在前期文档和方案理顺之后，我就开始用它给我的提示词，在 Coding 模式下正式推进开发。整个过程基本是按照“先规划 → 再拆步骤 → 再逐步开发 → 再测试修正”的方式来走的。对我来说，这种方式特别友好，因为它不会一下子把所有事情都糊到一起，而是会把任务拆成一段一段可执行的小步骤。
下面我简单写一点coding过程：
1. 从项目骨架开始，先把能跑起来的框架搭好
最开始我先做的是项目基础搭建，比如：
- Electron + Vue 3 的桌面应用框架
- 透明无边框窗口
- 置顶和系统托盘
- 创建宠物的多步骤向导页面
这部分给我的感受是：项目初始化真的非常快。
尤其是对于我这种不太熟 Electron 的人来说，它至少帮我绕过了最开始那种“连从哪下手都不知道”的阶段。
当然也不是一帆风顺。比如最开始就出现过：
- Electron 窗口透明得什么都看不见
- localhost 页面在浏览器能开，但 Electron 里一片空白
- 某一步页面内容高度变来变去，滚动也滚不动
这些问题看上去都很“小”，但对于新手来说会很劝退。好在这些问题大多都能靠我和它反复定位，一层层改掉。这个过程也让我第一次真正感受到：开发不是“把代码写出来”就完了，很多时候更重要的是定位问题和验证问题。
2. 创建流程其实改了很多轮，不是一次就定下来的
一开始我以为“上传宠物照片 → 自动识别 → 生成像素桌宠”这件事会很直线，但真正开始做之后，我发现里面的决策非常多。
比如一开始我想把外形细分成很多维度：
- 耳朵
- 眼睛
- 毛发
- 脸型
- 体型
- 主色 / 辅色
- 花纹
- 特殊标记
后来发现这样一方面实现复杂，另一方面用户操作起来也不一定直观。于是中途我又反复和 MTC 讨论，最后把方案慢慢收敛成了更可执行的版本：
先用模板去承接大轮廓，再让普通猫型支持颜色、花纹、特殊标记的编辑，而暹罗、布偶、三花这些更特别的先走固定静态模板。
也就是说，这个项目不是我一开始就完全想清楚了，而是边做边改、边做边重新定义需求。这也是我第一次很强烈地感受到：产品方案真的不是写下来就结束了，而是在开发过程中不断被验证、被推翻、再被重建。但是这个过程中最重要的，也就是产品的核心不会变：【陪伴】。因此任何改动都必须建立在这个核心不变的基础上进行。
另外最坑的地方还是它的像素风形象生成。
我一开始是希望它直接在 Canvas 上根据参数渲染出一只可爱的猫猫，但结果大家也能猜到——
它渲染出来的第一版真的太丑了！！
最开始那版看上去特别像“几块方块随便拼起来的生物”，轮廓不自然，耳朵、脸、四肢、尾巴都不够协调，花纹也很僵硬。我中间为了这个问题反复和它沟通了很多轮，但最终发现：在这种偏美术感、尤其还是像素风角色设计的地方，代码生成能帮你搭框架，但最后审美和微调还是得自己上。
所以最后还是…
我自己开始手画。 
总之最后还是给我开发出来了！
个人体验下来，我对 TRAE SOLO 的整体感受是：
优点：
- 项目初始化极快
- 对 Vue 3 + Electron 这种组合理解比较到位
- MTC 模式对于项目结构梳理、MVP 收敛、文档输出帮助非常大
- 对于非科班 / 新手来说，真的能显著降低上手门槛
不足：
- 复杂状态和细节逻辑还是需要多轮对话反复调试
- 像素风这类比较吃审美和结构的内容，AI 初版往往不够，需要手动微调
- 开发过程中如果你自己的需求不够明确，它也很容易带着你一起跑偏
但不管怎么说，这次做下来，我最大的收获其实不只是“做出一个项目”，而是：
我终于更具体地理解了一个产品从想法、到文档、到开发、到迭代，是怎么被一点点做出来的。
中间也确实会反复推翻、反复评审、反复改方案。很多内容不是一次想清楚的，而是在开发过程中不断重新认识的。
某种程度上，这个项目不只是让我做了一个桌宠，也让我第一次比较完整地体验了一次“产品真的落地”的过程。
四、总结
真的是一次酣畅淋漓的vibe coding啊！如果你喜欢我的作品，希望你能为我投票！也希望大家能给我的作品留下评价和建议，谢谢谢谢！以及这一版我个人觉得还有没完善的地方（录好demo就发上来了），并且还没有打包好，所以还在爆肝中，希望能尽快提供地址给大家体验！
，点了