SBTI爆火后程序员版CBTI开源附开发过程

最近，一个模仿 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 测出了什么编程人格？欢迎在评论区晒出来，看看有没有测出隐藏款的大佬~