游乐游手机版
首页/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全新系列四款产品覆盖所有人群
本站内容用于信息整理与展示,如有侵权或内容问题请及时联系处理。

相关推荐

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

同类最新

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

更多
RAG四标融合企业知识资产体系四库协同GEO优化实践
AI教程 · 2026-07-01

RAG四标融合企业知识资产体系四库协同GEO优化实践

生成式AI正在彻底改写信息检索的底层逻辑。传统SEO依赖关键词堆砌和外链建设的策略,在大模型的内容采信规则下已经基本失效。取而代之的,是生成式引擎优化(GEO)。它不再关注外链数量,而是重点衡量你的知识是否结构化、证据链是否坚实、信源是否可靠——这些维度才是RAG(检索增强生成)架构真正看重的核心指

一个普通上班人分享WorkBuddy使用心得与真实体验
AI教程 · 2026-07-01

一个普通上班人分享WorkBuddy使用心得与真实体验

前言 最近我开始使用WorkBuddy——这是腾讯推出的一款AI办公工作台。差不多用了一周时间,趁印象还新鲜,把真实的使用感受记录下来,给还在犹豫的朋友做个参考。不吹不黑,只说实际体验。 初印象:不只是聊天机器人 之前用过不少AI工具,大多数就是个对话框,你问它答,答完就结束了。WorkBuddy不

AI幻觉变真功能实战教程:App Inventor 2视频录制拓展一周开发实录
AI教程 · 2026-07-01

AI幻觉变真功能实战教程:App Inventor 2视频录制拓展一周开发实录

先讲一个颇具戏剧性的开端。 这件事的开端颇显荒诞——有用户前来咨询,称AI Pro版的介绍中提到我们有一款“视频录制拓展”。团队全体成员都感到困惑,翻遍产品列表,发现根本不存在该组件。AI那种“一本正经胡说八道”的能力,这次确实让我们陷入尴尬。 按常理,此事到此便可结束——一句“抱歉,暂时没有这个拓

别再混淆OLAP和SQL-on-Hadoop两者查询本质不同
AI教程 · 2026-07-01

别再混淆OLAP和SQL-on-Hadoop两者查询本质不同

OLAP和SQL-on-Hadoop虽都使用SQL查询数据,但本质不同。SQL-on-Hadoop负责海量数据批量计算与ETL,查询速度秒级至分钟级;OLAP通过预聚合实现毫秒级多维分析,适合BI报表。两者在数据平台分工协作,前者是后厨加工,后者是前台快速服务。

GEO优化深度解析:AI偏好FAQ还是长文内容?
AI教程 · 2026-07-01

GEO优化深度解析:AI偏好FAQ还是长文内容?

在GEO优化中,AI对内容形式无统一偏好:FAQ在简单查询中引用率41%,长文在复杂查询中达58%。内容应基于用户意图选择形式,FAQ适配简单事实类问题,长文建立主题权威,两者互补而非替代。