我最近也迷上了看短剧，剧中主角反转、逆袭、打脸和不断地爽点可以让我短暂遗忘掉工作的苦闷，沉浸在主角的世界里仿佛一切都很惬意。
直到手机电量过低，我才被一把拽回现实 ------ 我，依旧是那个在浏览器和控制台里反复横跳的小小前端开发。
众所周知，从 AI 元年开始，每天都会有人发表"前端已死"的言论，认为前端就是可有可无的。这无疑会对部分前端造成心理上的打击，这些年掌握的各种优化技巧、工程经验和架构思维，仿佛一夜之间就要被"一句 Prompt"所取代。
直到有一天，我刷到这样一张图片......
"霸道总裁爱上前端开发的我"，什么？前端终于被大家看到了吗？！我一定要好好欣赏这部佳作！
经过一番搜索......
可恶，这只是一张 AI 生成的图片，根本就没有这部短剧！
这一次我再也忍不下去了，本来打算以普通人的身份跟大家相处，换来的却是疏远，是 AI 生成图片的嘲笑，不装了，我摊牌了，我要自己拍一部短剧来为前端正名！
......
嘿嘿，可是我根本就不会拍短剧 🤡。
不会写剧本，不懂分镜，不认识演员，连"卡！"该什么时候喊都不知道。
但那一刻，我看到了桌面上的 Trae，我突然悟了，既然他们能用 AI，那我为什么不能 ------ 用 AI 拍一部属于前端的爽剧？
参考国产科幻大作《完蛋！我被美女包围了！》，今天我也来做一个《霸道女总裁爱上前端开发的我》剧情互动游戏！
🚀 开始指挥 Trae 干活！
首先整理需求，告诉 Trae 我们要开发一个《霸道女总裁爱上前端开发的我》剧情互动游戏。
由于 Trae 不能直接生成剧情图片，所以让他帮忙生成提示词，我们再使用第三方 AI 生成图片。
不需要考虑太多，简单编写需求后点击对话框右下角的 ✨ 按钮，即可 AI 自动优化输入内容啦！
为了使代码生成质量更理想，这里我们选择使用「Builder with MCP」智能体以及 GLM 4.7 模型。
片刻思考后，Trae 生成了完整的任务需求，包括剧情开发、视觉资源处理、数值系统设计和技术实现规范等内容。
确认内容无误，狠狠的敲下回车键 ↩️，Trae 就会开始自动规划然后生成代码啦！
根据我们的要求，Trae 结合剧情生成了提示词文档，同时创建了对应的占位图资源，使项目可以正常运行。
然后，将提示词发给史上最强大的 AI 图像模型「Nano Banana Pro」为我们生成剧情图片。
再经过 Trae 的一系列修修补补，最后使用「Nano Banana Pro」生成的剧情图片替换掉占位图，就可以开始体验我们的游戏啦！😍
🎮 在线体验
「霸道女总裁爱上前端开发的我」已通过 Netlify 部署到线上，欢迎体验！
👉 The CEO Loves Me: A Front-End Developer Story (可能需要魔法 🪄 上网)
那就来试试你能不能得到年轻漂亮女总裁的青睐吧！💃
🖥️ 源码
项目的完整代码可以在 ceo-loves-me 仓库中查看。
赠人玫瑰，手留余香，如果对你有帮助可以给我一个 ⭐️ 鼓励，这将是我继续前进的动力，谢谢大家 🙏！
😜 我和 Trae 的年度故事
曾经的我，是一个坚定的"古法编程"拥护者，相比依赖 AI，我更相信人对系统整体的把控能力。我始终认为，受限于上下文长度与理解深度，AI 生成的代码往往缺乏真正的全局视角，细节处理也不够克制与严谨 ------ 这对于一个有代码整洁强迫症的人来说，几乎是无法接受的妥协。
11 月 12 日，TRAE SOLO 中国版正式上线，我第一次尝试使用 Trae 开发，这是我接触的第一款 AI IDE。出乎意料的是，它并没有让我产生"被 AI 主导"的失控感，反而带来了一种前所未有的 Vibe Coding 体验：我更多地在思考「要做什么、为什么这样做」，而具体实现则变成了一种高效且可控的协作过程。这种体验，也让我开始认真反思自己对 AI 编码的固有偏见。
借助 TRAE SOLO 我完成了一款「道具版五子棋」游戏的开发，并参与了掘金的【TRAE SOLO 实战赛】。最终，这个项目获得了第 4 名的成绩，同时收获了「AI 技术先锋」证书。
这不仅仅是一场比赛，更像是一次关于开发方式转变的实践验证。
回过头来看，Trae 并没有取代我对代码质量的追求，而是放大了我对创意与结构的专注。
期待在未来能继续与 Trae 一起，探索更多有意思、也更具挑战性的项目可能性。
🍵 写在最后
我是 xiaohe0601，热爱代码，目前专注于 Web 前端领域。
欢迎关注我的微信公众号「小何不会写代码」，我会不定期分享一些开发心得、最佳实践以及技术探索等内容，希望能够帮到你！