网易首页 > 网易号 > 正文 申请入驻

SBTI 爆火后,我做了个程序员版的 CBTI 。。。

0
分享至

大家好,我是程序员鱼皮。

大家应该听说过 MBTI 人格测试吧?

没想到,这几天,有个模仿 MBTI 测试的网站突然火了,叫做「SBTI」。

也是用 30 道选择题来测试出你的人格类型,只不过,结果会更抽象……

比如我测试出来自己是「握草人」,可能是我还不够抽象?这个人格的解读我都读不懂……


我看完就想:握草?这个网站为啥能火啊?现在用 AI 编程做这种测试小网站还不简单?要不我也来一个?

说干就干,于是我花了 1 个小时,用 AI 编程做出了程序员专属的 CBTI(Coder Behavior Type Indicator)程序员行为类型测试

在线体验:https://cbti.codefather.cn


用 30 道题测出你的编程人格,而且代码完全开源。

开源地址:https://github.com/liyupi/cbti-test


CBTI 是什么?

首先郑重声明,CBTI 是一个有科学依据的正经测试,不是抽象整活的!

我让 AI 深度分析了 MBTI 和 SBTI 的题库、计分逻辑,还有 MBTI 16personalities 的人格体系,在这个基础上设计了 CBTI 的维度模型。整套测试覆盖代码质量、Bug 处理、团队协作、技术驱动、AI 态度这 5 大方向,一共 15 个维度。

随便给大家看几道题目感受一下:

1)产品说「先上,后面优化」,你心想?

  • 后面是哪辈子?行吧先糊上去

  • 写个 TODO,虽然大概率会变成遗书

  • 写技术方案,排进迭代里

2)周五 5:59 群里弹消息,线上炸了。你?

  • 假装没看到,手机静音,人已消失

  • 先看看严重不严重

  • 秒回 “我看看”,打开监控面板

而且现在 AI 编程也很火嘛,我也与时俱进加了相关的题。比如 Cursor/Copilot 到期了公司不报销,你?

  • 到期就到期,手写也不是不行

  • 找找免费替代品

  • 秒续!求求再给我点 tokens!

我自己测出来是 HACK 野生黑客,座右铭是「又不是不能用.jpg」。个人觉得还挺准,毕竟在 AI 编程时代,我搞过很多 Vibe Coding 的小项目,确实是百无禁忌、能跑就行,做完一个就去搞下一个。


测试结果共有 28 种人格,命名全是跟编程相关的,比如什么 SUDO 万能管理员、NULL 空指针、CTRL-C 复制粘贴工程师、996 卷王之王、404 隐身人、VIBE 氛围程序员等等。另外还设计了一个隐藏人格 ☕ JAVA 咖啡因驱动开发者,能触发的朋友应该是有点儿东西的……


完整开发过程

这个项目我只花了 1 个小时左右就上线了,全程 Vibe Coding,用 Cursor + Claude 完成。

没有用什么复杂的方法论,也不需要什么 Harness Engineering,就是不断跟 AI 对话、提需求、给反馈。

下面分享一下关键流程。

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

给 AI 的初始提示词很重要。我先在网上找到了一份 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 编程、做出自己的产品,可以看看我免费开源的,上千张图、几十万字,完全免费开源,从零基础快速学会 AI 编程,再到做出自己的产品、跑通变现全流程,一次拿捏。


我是鱼皮,专注 AI 编程知识分享,欢迎关注。

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

特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。

Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.

相关推荐
热点推荐
认祖归宗!蒋介石做梦也没想到,曾孙告别台湾,跑到杭州创业定居

认祖归宗!蒋介石做梦也没想到,曾孙告别台湾,跑到杭州创业定居

云舟史策
2026-04-13 17:01:35
美国人想不通:为什么这种不需要插电的灯,中国卖得比电池还便宜

美国人想不通:为什么这种不需要插电的灯,中国卖得比电池还便宜

丁丁鲤史纪
2026-04-13 15:15:45
不如国乒团结!日本世乒赛前内讧 张本智和:松岛辉空是我的威胁

不如国乒团结!日本世乒赛前内讧 张本智和:松岛辉空是我的威胁

念洲
2026-04-13 08:51:46
杜月笙在茶馆喝茶,三个地痞问他要保护费,杜月笙:嫌命长吗?

杜月笙在茶馆喝茶,三个地痞问他要保护费,杜月笙:嫌命长吗?

千秋文化
2026-04-10 20:14:28
名记晒清晰视频,实锤廖力生与韦世豪私聊内容,国安上诉再遭打击

名记晒清晰视频,实锤廖力生与韦世豪私聊内容,国安上诉再遭打击

体坛野秀才
2026-04-13 15:06:20
林志颖长子Kimi正脸曝光,17岁Kimi竟然长成了陈若仪翻版!

林志颖长子Kimi正脸曝光,17岁Kimi竟然长成了陈若仪翻版!

娱乐顺风车666
2026-04-13 11:34:58
越闹越大!奥迪加油站逃单后续,不到一天就落网,司机身份被公开

越闹越大!奥迪加油站逃单后续,不到一天就落网,司机身份被公开

云舟史策
2026-04-13 07:19:48
奥运冠军巩立姣半年减重40斤,网友大赞姐姐干什么都会成功,其评论称再减一点出减肥教程

奥运冠军巩立姣半年减重40斤,网友大赞姐姐干什么都会成功,其评论称再减一点出减肥教程

环球网资讯
2026-04-13 15:15:29
宇航员从太空回望地球,为什么会感到恐惧,他们看到了什么?

宇航员从太空回望地球,为什么会感到恐惧,他们看到了什么?

观察宇宙
2026-04-13 09:28:52
特朗普果然翻脸了,美军封锁海峡,要一杯分羹,伊朗:不服就打吧

特朗普果然翻脸了,美军封锁海峡,要一杯分羹,伊朗:不服就打吧

军机Talk
2026-04-13 13:43:32
中年返贫4件套,一个也不要碰!

中年返贫4件套,一个也不要碰!

细说职场
2026-04-13 12:36:59
建国前夕,解放军清除中南海淤泥16万吨,水底都挖出了什么

建国前夕,解放军清除中南海淤泥16万吨,水底都挖出了什么

掠影后有感
2026-04-12 10:08:51
广西初中生溺亡后续:6人下河4人遇难,同村人:弟弟贪玩躲过一劫

广西初中生溺亡后续:6人下河4人遇难,同村人:弟弟贪玩躲过一劫

离离言几许
2026-04-13 11:20:10
欧尔班没了免罪金牌,接下来的日子不好过

欧尔班没了免罪金牌,接下来的日子不好过

寰宇大观察
2026-04-13 13:48:51
色情露骨!声称“可手搓让自己满意的大尺度视频”“日入5位数”!央视曝光

色情露骨!声称“可手搓让自己满意的大尺度视频”“日入5位数”!央视曝光

南方都市报
2026-04-13 11:11:51
郑丽文刚回到台湾,民进党就发难,民众党摊牌,侯友宜彻底不装了

郑丽文刚回到台湾,民进党就发难,民众党摊牌,侯友宜彻底不装了

共工之锚
2026-04-13 13:57:11
这是李鸿章妻妾的真实样貌,个个美艳身材修长,颜值不输当代女星

这是李鸿章妻妾的真实样貌,个个美艳身材修长,颜值不输当代女星

阿废冷眼观察所
2026-04-11 18:41:14
交最多的钱挨最毒的打!近4年缴纳4.4亿奢侈税,最多进季后赛次轮

交最多的钱挨最毒的打!近4年缴纳4.4亿奢侈税,最多进季后赛次轮

你的篮球频道
2026-04-13 07:56:30
突发:库里在勇士对阵快船比赛中创造NBA历史!

突发:库里在勇士对阵快船比赛中创造NBA历史!

夜白侃球
2026-04-13 10:50:27
青年马刺之愚蠢,给湖人刷火箭 送雷霆进西决 最难啃的掘金给自己

青年马刺之愚蠢,给湖人刷火箭 送雷霆进西决 最难啃的掘金给自己

兵哥篮球故事
2026-04-13 11:48:57
2026-04-13 19:31:00
程序员鱼皮 incentive-icons
程序员鱼皮
一手科技资讯和编程干货
89文章数 90关注度
往期回顾 全部

科技要闻

"抄作业"近四年,马斯克版微信周五上线

头条要闻

特朗普"罕见承认"政治后果 被指考虑恢复对伊有限打击

头条要闻

特朗普"罕见承认"政治后果 被指考虑恢复对伊有限打击

体育要闻

一支球队不够烂,也是一种悲哀

娱乐要闻

贾玲减重后现身冯巩生日宴 身材未反弹

财经要闻

起底AI"造黄"灰产:19.9元"一键脱衣"

汽车要闻

不止命名更纯粹 领克10/10+要做纯电操控新王

态度原创

游戏
房产
本地
时尚
亲子

Steam主机要发售了!曝首批Steam手柄已准备就绪

房产要闻

6000亿投资盛宴,全球巨头齐聚,海南又要干件大事!

本地新闻

12吨巧克力有难,全网化身超级侦探添乱

这些才是普通人借鉴的穿搭!上短下长、上窄下宽,显瘦又舒适

亲子要闻

儿童幽门螺杆菌感染,这样应对才科学!

无障碍浏览 进入关怀版