游乐游手机版
首页/AI教程/文章详情

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

时间:2026-06-01 10:25
最近,一个模仿 MBTI 的测试网站「SBTI」突然在程序员圈子里火了一把——同样是30道选择题,但结果人格名称却抽象到让人摸不着头脑,测试出来是“握草人”的大有人在,连人格解读都读不通。但偏偏就是这样一款产品,流量数据却相当漂亮。 那么,一款测试类产品要火,需要满足哪些条件?门槛低、有话题性、结果

最近,一个模仿 MBTI 的测试网站「SBTI」突然在程序员圈子里火了一把——同样是30道选择题,但结果人格名称却抽象到让人摸不着头脑,测试出来是“握草人”的大有人在,连人格解读都读不通。但偏偏就是这样一款产品,流量数据却相当漂亮。

那么,一款测试类产品要火,需要满足哪些条件?门槛低、有话题性、结果有共鸣、还能二次传播。顺着这个思路,用当前热门的 AI 编程来快速复刻一个,似乎不是什么难事。于是,花了大约1个小时,用 Cursor + Claude 全程“Vibe Coding”,做出了一个面向程序员的专属人格测试:CBTI(Coder Beha vior Type Indicator)程序员行为类型测试。

?? 在线体验:cbti.codefather.cn

SBTI 爆火后,我做了个程序员版的 CBTI。。已开源 + 附开发过程

整个项目代码完全开源,30道题测出你的编程人格,测试结果既有科学依据,又自带程序员文化里的“梗”。

?? 开源地址:github.com/liyupi/cbti…

SBTI 爆火后,我做了个程序员版的 CBTI。。已开源 + 附开发过程

CBTI 是什么?

先声明一下:CBTI 不是一个纯抽象整活的测试,它的底层模型有相当扎实的分析基础。让 AI 深度拆解了 MBTI 和 SBTI 的题库、计分逻辑,以及 16personalities 的人格体系,在此之上设计了 CBTI 自己的维度模型。整套测试覆盖五个大方向:代码质量、Bug 处理、团队协作、技术驱动、AI 态度,总共15个维度。

随便感受几道题:

  • 产品说“先上,后面优化”,你心想?
    A. 后面是哪辈子?行吧先糊上去
    B. 写个 TODO,虽然大概率会变成遗书
    C. 写技术方案,排进迭代里

SBTI 爆火后,我做了个程序员版的 CBTI。。已开源 + 附开发过程

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

SBTI 爆火后,我做了个程序员版的 CBTI。。已开源 + 附开发过程

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

SBTI 爆火后,我做了个程序员版的 CBTI。。已开源 + 附开发过程

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

SBTI 爆火后,我做了个程序员版的 CBTI。。已开源 + 附开发过程

完整开发过程

整个项目从想法到上线,大约只花了1个小时,全程采用 Vibe Coding 的方式,用 Cursor + Claude 完成。没有复杂的方法论,没有 Harness Engineering,核心逻辑就是不断跟 AI 对话、提需求、给反馈。

1、分析参考项目,提取产品精髓

初始提示词非常关键。找到一份 SBTI 的完整题库和计分逻辑报告,连同 SBTI 官网、MBTI 16personalities 官网一起喂给 AI,让它深度分析这些测试的人格体系、计分方式和传播机制。同时给 CBTI 定下方向:面向编程,要有科学依据和实用价值,同时具备抽象整活和流量传播的属性。

SBTI 爆火后,我做了个程序员版的 CBTI。。已开源 + 附开发过程

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

SBTI 爆火后,我做了个程序员版的 CBTI。。已开源 + 附开发过程

2、内容反复迭代

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

SBTI 爆火后,我做了个程序员版的 CBTI。。已开源 + 附开发过程

SBTI 爆火后,我做了个程序员版的 CBTI。。已开源 + 附开发过程

3、UI 设计优化

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

SBTI 爆火后,我做了个程序员版的 CBTI。。已开源 + 附开发过程

SBTI 爆火后,我做了个程序员版的 CBTI。。已开源 + 附开发过程

4、人格图片制作

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

SBTI 爆火后,我做了个程序员版的 CBTI。。已开源 + 附开发过程

效果相当不错。

SBTI 爆火后,我做了个程序员版的 CBTI。。已开源 + 附开发过程

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

SBTI 爆火后,我做了个程序员版的 CBTI。。已开源 + 附开发过程

5、更多功能完善

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

SBTI 爆火后,我做了个程序员版的 CBTI。。已开源 + 附开发过程

SBTI 爆火后,我做了个程序员版的 CBTI。。已开源 + 附开发过程

6、部署上线与验证

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

SBTI 爆火后,我做了个程序员版的 CBTI。。已开源 + 附开发过程

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

SBTI 爆火后,我做了个程序员版的 CBTI。。已开源 + 附开发过程

上线之后,让 AI 自动跑一遍所有流程,确认功能正常,30道题可以覆盖全部28种人格。大功告成。

最后哔哔

这个项目技术上确实没什么难度——纯前端静态网站,没有后端、没有数据库,核心算法也就是算分然后做向量距离匹配。但现在有了 AI 编程,这种小项目真的所有人都能快速实现:从产生想法到做一个可以分享给朋友的网站,大约只需要1小时。

如果对快速上手 AI 编程、做出自己的产品感兴趣,可以参考免费开源的《Vibe Coding 零基础入门教程》,上千张图、几十万字,完全免费开源,从零基础到学会 AI 编程、再到做出自己的产品并跑通变&现全流程,一次拿捏。

SBTI 爆火后,我做了个程序员版的 CBTI。。已开源 + 附开发过程

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

来源:https://juejin.cn/post/7627948981355888676
上一篇被Claude Code劝退?免费开源好用AI神器更适合普通人 下一篇谷歌Antigravity全新系列四款产品覆盖所有人群
本站内容用于信息整理与展示,如有侵权或内容问题请及时联系处理。

相关推荐

补充同频道和同主题内容,方便继续浏览更多相关内容。

同类最新

继续查看同栏目最近更新的文章。

更多
AI降重工具在现代学术写作中的关键作用
AI教程 · 2026-06-01

AI降重工具在现代学术写作中的关键作用

学术写作领域正悄然迎来一场变革。谈到如何降低论文重复率,许多学生和研究者都曾在这道坎上遇到挑战。调查数据揭示了一个值得关注的事实:超过70%的学术不端行为,根源都指向引用不规范与相似度检测不到位。这个数字令人警醒——幸运的是,AI降重工具适时填补了这一空白。 市面上的这些工具,远不止是将句子反复改写

Khanmigo智能AI助手助力教育者学生家长提升学习效率与体验
AI教程 · 2026-06-01

Khanmigo智能AI助手助力教育者学生家长提升学习效率与体验

Khanmigo产品介绍 如果说人工智能正在重塑各行各业,那么教育领域无疑是最受关注的赛道之一。Khanmigo正是专为这一场景量身打造的智能AI助手——它同时服务于教师、学生和家长,致力于将“随时可用的智能支持”落到实处。下面简要梳理它的几个核心功能方向: 教师专用:Khanmigo能帮助老师快速

英伟达智能体自主进化7天淘汰算子专家和GPU工程师
AI教程 · 2026-06-01

英伟达智能体自主进化7天淘汰算子专家和GPU工程师

这应该是今天刚刚出炉的、最炸裂的文章。 在很多算子开发的微信群里,消息刚出来就炸了锅。 「这或许是超人类智能在软件领域的真正首次展露。」英伟达的许冰在 X 上写下这样的断言。他说的,正是他与 Terry Chen 和 Zhifan Ye 共同一作的英伟达新研究——A VO。 本周四刚提交到 arXi

AIGC工具在教育应用中的潜力与挑战分析
AI教程 · 2026-06-01

AIGC工具在教育应用中的潜力与挑战分析

首先分享几个核心洞察:AIGC工具正逐步从“新兴事物”演变为课堂上的“标准配置”。近期一项调查表明,超过七成教师已认可人工智能工具对学习成果的积极影响。这一比例意义重大——它标志着教育领域的技术革新已从探索期迈入实质性应用阶段。AIGC工具概览与普及简而言之,AIGC工具是指利用人工智能自动生成各类

Wolfram先进算法与AI赋能专业计算和知识查询服务
AI教程 · 2026-06-01

Wolfram先进算法与AI赋能专业计算和知识查询服务

Wolfram 计算知识引擎:产品功能与使用指南 Wolfram 本质上是一款强大的计算知识引擎,依托突破性的算法与人工智能技术,能够直接为用户提供专家级的解答。无论是数学难题、科学探索、社会科学分析,还是日常生活中的琐碎问题,只需输入自然语言或数学表达式,它就能迅速返回所需的信息与解决方案。简单来