1. 摘要
我用 Trae SOLO 从零做了一个职场版 MBTI——WCTI 人格测试：30 道情境题、4 个维度、16 种职场人格。整个过程没打开 IDE，全靠和 SOLO 对话。从"题目像问答题"到"结果清一色 50/50"，我吐槽、它改，迭代了四五轮才上线。
2. 背景
学生，业余爱好者。前端基础停留在能看懂 HTML的程度。联想到爆火的SBTI于是想做个职场场景的 MBTI 变体。Trae SOLO比赛给了我一个理由：能不能不写代码、只靠说话，把这个想法跑起来？
3. 实践过程
3.1 第一版：从一句话到能跑的 Demo
在与solo多次讨论交流，最终他给出了方案供我选择，选择完成后我便甩出如下的话：
“帮我做一个职场版 MBTI，叫 WCTI。”
SOLO 自己拆了四个维度（W 能量 / C 认知 / T 任务 / I 影响），出了第一版题库和 16 种人格。但第一版有个致命问题——题目是问答题风格，和 MBTI 完全不一样。
3.2 吵架式迭代（真实对话）
—— 题目形态不对
“请你在网上搜索，学习 MBTI 测试题的 UI 设计，所有的选择题都按照此方式来进行点击选择。”
“选择题的内容和选项完全不匹配，请你对题目进行检测修改并重构。”
“你的题目选项要按照 MBTI 测试题的 UI 设计来，题目也必须是适配的，而不是问答题懂吗？”
重点是我后面补的一句吐槽：
“MBTI 题目是怎样的请你查找，他只有两个选择吗？选项明明是五个档次！！！”
SOLO 这时才真正理解需求——不是二选一，是 五点李克特量表（完全不符合 → 完全符合）。重构后整个体验才像 MBTI 测试。
—— 人格名字要有个性
“名字更多一些，不仅限于人格，请你上网参考 SBTI 内的人格。”
SOLO 给每种人格加了代号 + 昵称 + 职场画像，比如 ETJG = “BOSS - 天生霸总”，EFPS = “PARTY - 气氛组组长”。
—— 彩蛋机制反悔
“答题的趣味题目，就可以触发特殊人格的彩蛋，至少设置 3 个彩蛋人格。”
（过了一会儿）
“不喜欢这种彩蛋人格，请你撰写一个 skill 来实现该功能。”
SOLO 没有简单回退，而是把"彩蛋判定"抽成可复用模块——我第一次意识到 AI 可以帮你沉淀方法，不只是写代码。
—— 三次迭代题库（核心要求）
这段我花了最多心思跟 SOLO 磨：
“请你对题目与评分进行三次迭代——
第一次迭代：对整个题库的迭代，每个类型题数量、每个维度、困难简单题目数量，大体控局；
第二次迭代：对不同维度进行分布性选择题布置，不能全是一针见血，也不能全是柔和中立，让分数呈正态分布；
第三次迭代：单个题目的适配性，能否真实准确测出。”
SOLO 最终产出的方案：
-
每个维度 8 题（I 维度 6 题 + 2 道趣味题），共 30 题
-
难度标签：一针见血（1.5×权重）/ 需要思考（1.0×）/ 温和中立（0.7×）
-
评分用 S 型曲线（Sigmoid）归一化，避开极端值
3.3 踩坑（真实场景）
坑 1：结果清一色 50/50
上线后我测了一遍，结果长这样——
“请你检测评分结果相关系统，并找出错误：
能量来源 社交型 50% / 50%
认知风格 共情型 50% / 50%
任务方式 灵活型 50% / 50%
影响风格 过程型 50% / 50%”
算法把所有维度都压到了 50/50，但主导类型标签又飘到一边——逻辑完全错位。SOLO 重写了 calculateDimensionScores 和 calculatePercent，把"得分归属 pole"和"百分比归一化"拆开处理，才算修好。
坑 2：AI 感太重，缺少人味
“请你对网页风格重新设计以便减少 AI 感，更多的人类设计感。请你在网页中添加工作相关的小图标、元素、符号、用语等等。”
SOLO 把整站从冷感渐变换成了 温暖手绘风（奶油米 / 珊瑚粉 / 薄荷绿），加了 
这些工作小图标，页面四角做了装饰。这一版才真正像"人做出来的产品"。
坑 3：AI 自己把东西改坏了
这是整个过程里最让我哭笑不得的一刻：
“孩子，你怎么把题目改掉了——我意思是说，你刚刚修改了结果点击不弹出后，怎么这一版本题目也不显示了，之前是显示的。”
SOLO 在修一个 UI bug 时把题目渲染逻辑也一起动了，结果功能回退。这件事让我记住一个原则——AI 修 A 的时候，你要主动检查 B 有没有被误伤。SOLO 后来回滚并确认影响范围，才重新上线。
坑 4：头像白底 & 加载慢
AI 生成的 16 张低多边形头像全是白底，和页面渐变对不上。我的原话是 “图片加载较慢是什么原因？”，SOLO 先用 Pillow + numpy 批量去白底（近白色 RGB ≥ 240 转透明 + 边缘渐变），再把 PNG 1024px 转成 WebP 512px，16 张图从 14.4MB 压到 1.9MB，压缩 87%。
坑 5：用户刷新就重置
“请让该网页支持历史存储（比如退出后再点进来不会重置，但是过一段时间会重置，这种怎么做？）”
方案是 localStorage + 时间戳 + 7 天过期。我本来以为必须上后端，SOLO 提醒我纯前端足够。
3.4 上线部署
最后一环：
“我希望部署在网站上，请问你会如何做。”
SOLO 推荐 Zeabur 静态站点，帮我写了 zbpack.json，绑定 GitHub 仓库后自动部署。推送到 main 就自动发布——对不会运维的学生太友好。
- 成果展示
-
在线地址：职场魔法 WCTI - 发现你的职场人格
-
当前版本：v0.2.1
-
技术栈：纯原生 HTML5 + CSS3 + JavaScript，零框架、零后端
-
核心数字：30 题 / 4 维度 / 16 种人格 / 16 张 AI 头像（1.9MB，压缩前 14.4MB）/ 7 天本地记忆
- 题目页
- 结果页
