最近,一个模仿 MBTI 的测试网站「SBTI」突然在程序员圈子里火了一把——同样是30道选择题,但结果人格名称却抽象到让人摸不着头脑,测试出来是“握草人”的大有人在,连人格解读都读不通。但偏偏就是这样一款产品,流量数据却相当漂亮。
那么,一款测试类产品要火,需要满足哪些条件?门槛低、有话题性、结果有共鸣、还能二次传播。顺着这个思路,用当前热门的 AI 编程来快速复刻一个,似乎不是什么难事。于是,花了大约1个小时,用 Cursor + Claude 全程“Vibe Coding”,做出了一个面向程序员的专属人格测试:CBTI(Coder Beha vior Type Indicator)程序员行为类型测试。
?? 在线体验:cbti.codefather.cn

整个项目代码完全开源,30道题测出你的编程人格,测试结果既有科学依据,又自带程序员文化里的“梗”。
?? 开源地址:github.com/liyupi/cbti…

CBTI 是什么?
先声明一下:CBTI 不是一个纯抽象整活的测试,它的底层模型有相当扎实的分析基础。让 AI 深度拆解了 MBTI 和 SBTI 的题库、计分逻辑,以及 16personalities 的人格体系,在此之上设计了 CBTI 自己的维度模型。整套测试覆盖五个大方向:代码质量、Bug 处理、团队协作、技术驱动、AI 态度,总共15个维度。
随便感受几道题:
- 产品说“先上,后面优化”,你心想?
A. 后面是哪辈子?行吧先糊上去
B. 写个 TODO,虽然大概率会变成遗书
C. 写技术方案,排进迭代里

- 周五5:59群里弹消息,线上炸了。你?
A. 假装没看到,手机静音,人已消失
B. 先看看严重不严重
C. 秒回“我看看”,打开监控面板

考虑到现在 AI 编程工具非常火,题库里也加入了相关题目:Cursor/Copilot 到期了公司不报销,你?
A. 到期就到期,手写也不是不行
B. 找找免费替代品
C. 秒续!求求再给我点 tokens!

测试结果共有28种人格,命名全部出自程序员圈子里的文化梗:SUDO 万能管理员、NULL 空指针、CTRL-C 复制粘贴工程师、996 卷王之王、404 隐身人、VIBE 氛围程序员……另外还隐藏了一个 ☕ JA VA 咖啡因驱动开发者,能触发的朋友大概是有点东西的。

完整开发过程
整个项目从想法到上线,大约只花了1个小时,全程采用 Vibe Coding 的方式,用 Cursor + Claude 完成。没有复杂的方法论,没有 Harness Engineering,核心逻辑就是不断跟 AI 对话、提需求、给反馈。
1、分析参考项目,提取产品精髓
初始提示词非常关键。找到一份 SBTI 的完整题库和计分逻辑报告,连同 SBTI 官网、MBTI 16personalities 官网一起喂给 AI,让它深度分析这些测试的人格体系、计分方式和传播机制。同时给 CBTI 定下方向:面向编程,要有科学依据和实用价值,同时具备抽象整活和流量传播的属性。

AI 直接输出初始网站并完成自测。

2、内容反复迭代
AI 初版生成的人格代码千篇一律,毫无辨识度。于是让它全网搜索程序员相关的热梗,一遍遍重做人格体系。这个阶段来回改了很多版,最终将人格从最初的十几种扩展到27种,引入了 AI 编程这个新维度,题目内容也从正经八百改成了口语化、有共鸣的风格。


3、UI 设计优化
AI 初版主页长得像个 B 端管理后台,又丑又复杂。直接要求它尽量简洁:一句 Slogan 加一个“开始测试”按钮就够了。配色换成橙色系,再通过 frontend-design 这个 Agent Skill 优化整体视觉效果。答题页面还加了答题卡、进度条、快速跳题等交互细节。


4、人格图片制作
以往网站图片素材的制作绝对要花大量时间,现在通过 AI 几分钟搞定。让 AI 参考 MBTI 官方网站的低多边形风格人物形象,生成给 Nano Banana(AI 绘图工具)使用的提示词。注意一个省时省钱的技巧:不是让 AI 分别给28个角色各生成一段提示词,而是分为2批,每批14个人物放在同一张图片里生成。这样只需要2段提示词、2张图,就能覆盖全部角色。

效果相当不错。

随后让 AI 自行解析这张大图,写 Python 脚本切割图片、压缩尺寸、移除空白背景,最终产出28张角色头像。

5、更多功能完善
题目和核心功能跑通后,继续优化细节:添加分享文案、Canvas 渲染的分享海报、五维雷达图、隐藏人格彩蛋等功能。每个功能都是让 AI 直接生成,过程中也遇到了不少问题——分享海报字号太小、二维码没生成、后来字体又太大,调整了好几轮才达到满意的效果。


6、部署上线与验证
因为是纯前端网站,不依赖后端,部署操作极其简单。使用 EdgeOne Pages 的 MCP,只需与 AI 对话,AI 会自动执行 Next.js 框架的 build 命令,将代码导出为静态 HTML 网页,然后部署到腾讯云 EdgeOne Pages 服务,1分钟就完成了上线。

在 EdgeOne Pages 控制台可以查看已上线的项目,并且支持自定义域名。

上线之后,让 AI 自动跑一遍所有流程,确认功能正常,30道题可以覆盖全部28种人格。大功告成。
最后哔哔
这个项目技术上确实没什么难度——纯前端静态网站,没有后端、没有数据库,核心算法也就是算分然后做向量距离匹配。但现在有了 AI 编程,这种小项目真的所有人都能快速实现:从产生想法到做一个可以分享给朋友的网站,大约只需要1小时。
如果对快速上手 AI 编程、做出自己的产品感兴趣,可以参考免费开源的《Vibe Coding 零基础入门教程》,上千张图、几十万字,完全免费开源,从零基础到学会 AI 编程、再到做出自己的产品并跑通变&现全流程,一次拿捏。

你在 CBTI 测出了什么编程人格?欢迎在评论区晒出来,看看有没有测出隐藏款的大佬~
