摘要
通过 TRAE SOLO 从零搭建了一个 ABTI 动物性格测试小游戏。作为一名不会前端的后端研发，借助 SOLO 的 MTC 模式完成产品设计，再用 CODE 模式快速生成完整项目代码，全程无需前端知识，轻松实现了一个具备趣味性的 Web 应用。
背景
近期 ABTI 刷爆朋友圈，突发奇想：通过 SOLO TRAE 是不是能迅速构建这样一个项目呢？
我是一名后端研发，不会前端知识，尝试通过 SOLO 构建一个前端项目，看看 AI 能否帮我跨越技术栈的壁垒。
实践过程
我只有一个简单的想法：做一个动物性格的 MBTI，具备一定趣味性。
-
首先通过 MTC 模式，描述了一下我的需求场景，让 SOLO 生成具体的产品文档，让思路和关键点更具象化。
-
SOLO 给我生成了非常完善的文档，但我希望快速完成实现，于是让它进行了调整精简。
-
由于 CODE 模式不能上传 Word 以及太长文本，我摘出需求关键点，在 CODE 模式下提交。
💡 小贴士： MTC 模式下能生成非常专业级别的各类文档，无论是产品需求、功能设计、开发架构等。如果在复杂工程里，可先 MTC 生成产品文档，并对功能点进行拆分，再一个功能点一个功能点丢给 CODE 模式生成，效率更高。
我仅仅将产品需求简要地在 CODE 模式下描述，SOLO 就生成了完整流程的代码，并提供在线调试能力。
3. 问题修复与需求调整
由于给的需求比较宽泛，整个流程虽然跑通了，但趣味性不足，UI 也比较单一。针对这些问题，我进行了多轮优化调整：
-
利用选择元素，帮助 AI 更加精准地找到对应的功能模块进行修改。
-
内容较大时让 AI 分段写入，避免超时，比如生成题库文件的时候。
-
利用 Skill 等优化页面 UI，提升视觉体验和趣味性。
-
进行自测，对不满意的地方提出修改建议
最终成功演示：
入口页
答题页
小游戏功能
测试结果
效果与总结
效果
-
提效显著： 作为一名完全不会前端的后端研发，借助 SOLO 在短时间内完成了从前端产品设计到代码实现的全流程，极大降低了跨技术栈的开发门槛。
-
SOLO 在流程中做了什么： MTC 模式帮我完成了专业级的产品需求文档梳理，CODE 模式帮我生成了完整可运行的项目代码，并在多轮迭代中持续优化 UI 和功能。
总结
-
复杂项目先 MTC 拆解需求 → 再 CODE 逐一功能实现
-
展示页面利用选择元素精准定位修复地方
-
大文件生成时让 AI 分段写入避免超时
-
善用 Skill 提升页面设计质量