大家好，我是程序員魚皮。

大家應(yīng)該聽說過 MBTI 人格測試吧？

沒想到，這幾天，有個模仿 MBTI 測試的網(wǎng)站突然火了，叫做「SBTI」。

也是用 30 道選擇題來測試出你的人格類型，只不過，結(jié)果會更抽象……

比如我測試出來自己是「握草人」，可能是我還不夠抽象？這個人格的解讀我都讀不懂……

我看完就想：握草？這個網(wǎng)站為啥能火??？現(xiàn)在用 AI 編程做這種測試小網(wǎng)站還不簡單？要不我也來一個？

說干就干，于是我花了 1 個小時，用 AI 編程做出了程序員專屬的 CBTI（Coder Behavior Type Indicator）程序員行為類型測試。

在線體驗：https://cbti.codefather.cn

用 30 道題測出你的編程人格，而且代碼完全開源。

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

CBTI 是什么？

首先鄭重聲明，CBTI 是一個有科學依據(jù)的正經(jīng)測試，不是抽象整活的！

我讓 AI 深度分析了 MBTI 和 SBTI 的題庫、計分邏輯，還有 MBTI 16personalities 的人格體系，在這個基礎(chǔ)上設(shè)計了 CBTI 的維度模型。整套測試覆蓋代碼質(zhì)量、Bug 處理、團隊協(xié)作、技術(shù)驅(qū)動、AI 態(tài)度這 5 大方向，一共 15 個維度。

隨便給大家看幾道題目感受一下：

1）產(chǎn)品說「先上，后面優(yōu)化」，你心想？

• 后面是哪輩子？行吧先糊上去

• 寫個 TODO，雖然大概率會變成遺書

• 寫技術(shù)方案，排進迭代里

2）周五 5:59 群里彈消息，線上炸了。你？

• 假裝沒看到，手機靜音，人已消失

• 先看看嚴重不嚴重

• 秒回 “我看看”，打開監(jiān)控面板

而且現(xiàn)在 AI 編程也很火嘛，我也與時俱進加了相關(guān)的題。比如 Cursor/Copilot 到期了公司不報銷，你？

• 到期就到期，手寫也不是不行

• 找找免費替代品

• 秒續(xù)！求求再給我點 tokens！

我自己測出來是 HACK 野生黑客，座右銘是「又不是不能用.jpg」。個人覺得還挺準，畢竟在 AI 編程時代，我搞過很多 Vibe Coding 的小項目，確實是百無禁忌、能跑就行，做完一個就去搞下一個。

測試結(jié)果共有 28 種人格，命名全是跟編程相關(guān)的，比如什么 SUDO 萬能管理員、NULL 空指針、CTRL-C 復制粘貼工程師、996 卷王之王、404 隱身人、VIBE 氛圍程序員等等。另外還設(shè)計了一個隱藏人格 ? JAVA 咖啡因驅(qū)動開發(fā)者，能觸發(fā)的朋友應(yīng)該是有點兒東西的……

完整開發(fā)過程

這個項目我只花了 1 個小時左右就上線了，全程 Vibe Coding，用 Cursor + Claude 完成。

沒有用什么復雜的方法論，也不需要什么 Harness Engineering，就是不斷跟 AI 對話、提需求、給反饋。

下面分享一下關(guān)鍵流程。

1、分析參考項目，提取產(chǎn)品精髓

給 AI 的初始提示詞很重要。我先在網(wǎng)上找到了一份 SBTI 的完整題庫和計分邏輯報告，連同 SBTI 官網(wǎng)、MBTI 16personalities 官網(wǎng)一起丟給 AI，讓它深度分析這些測試的人格體系、計分方式和傳播機制。

并且給 CBTI 定了方向：面向編程，要有科學依據(jù)和實用價值，同時具備抽象整活和流量傳播屬性。

然后 AI 就直接完成了初始網(wǎng)站的開發(fā)和測試：

2、內(nèi)容反復迭代

AI 初版生成的人格代碼都差不多，看著毫無辨識度，于是我讓它全網(wǎng)搜索程序員相關(guān)的熱梗，一遍遍重做人格體系。

這個階段來來回回改了很多版，最后我把人格從最初十幾種擴展到了 27 種，引入了 AI 編程這個新維度，題目內(nèi)容也從正經(jīng)八百改成了口語化、有共鳴的風格。

3、UI 設(shè)計優(yōu)化

一開始 AI 生成的主頁像個 B 端管理后臺，又丑又復雜。

我直接跟它說主頁盡量簡潔，一句 Slogan 再加一個「開始測試」按鈕就夠了。

配色換成橙色系，再用 frontend-design 這個 Agent Skill 來優(yōu)化整體視覺效果。答題頁面也加了答題卡、進度條、快速跳題這些交互細節(jié)。

4、人格圖片制作

如果是以前，網(wǎng)站圖片素材的制作絕對要花大把的時間。

但現(xiàn)在利用 AI，這件事可以在幾分鐘內(nèi)完成。

我讓 AI 參考 MBTI 官方網(wǎng)站那種低多邊形風格的人物形象，生成給 Nano Banana 這個 AI 繪圖工具使用的提示詞。

注意，這里有個小技巧，我不是讓 AI 分別給 28 個角色都生成一段提示詞，那樣又費時又燒錢。而是分為 2 批，每批 14 個人物放在 同一張圖片 里生成。這樣只需要使用 2 段提示詞，生成 2 張圖就夠了。

效果還不錯吧：

然后讓 AI 自己去理解這張完整的圖片，寫 Python 腳本來切割圖片、壓縮調(diào)整尺寸、移除空白背景等等，最后得到了 28 個角色圖片。

5、更多功能完善

確保題目內(nèi)容和網(wǎng)站功能正常運行后，我還優(yōu)化了很多網(wǎng)站的細節(jié)，加了分享文案、Canvas 渲染的分享海報、五維雷達圖、隱藏人格彩蛋這些功能。

由于網(wǎng)站本身功能并不復雜，每個功能我都是無腦讓 AI 生成，所以過程中也遇到了一些問題，比如分享海報一開始字太小、二維碼沒生成、后來又太大，調(diào)了好幾輪才滿意。

6、部署上線和驗證

由于網(wǎng)站不依賴后端，所以部署上線操作無比簡單。

我用了 EdgeOne Pages 這個 MCP，只需要跟 AI 對話，AI 會自動執(zhí)行 Next.js 框架的 build 命令把代碼導出為靜態(tài)的 HTML 網(wǎng)頁，然后部署網(wǎng)頁到騰訊云 EdgeOne Pages 服務(wù)，1 分鐘就完成了部署上線。

可以在騰訊云 EdgeOne Pages 控制臺查看到已上線的項目，還可以自定義域名：

上線之后，我再讓 AI 自主跑了一遍所有流程，確認上線后的功能也能正常使用，并且 30 道題能覆蓋全部 28 種人格。

大功告成！

最后嗶嗶

這個項目技術(shù)上其實沒什么難度，就是一個純前端靜態(tài)網(wǎng)站，沒有后端、沒有數(shù)據(jù)庫，核心算法也就是算分然后做向量距離匹配。

現(xiàn)在有了 AI 編程，這種小項目真的人人都能做，1 個小時就能從一個想法變成一個可以分享給朋友的網(wǎng)站。如果你也想快速上手 AI 編程、做出自己的產(chǎn)品，可以看看我免費開源的，上千張圖、幾十萬字，完全免費開源，從零基礎(chǔ)快速學會 AI 編程，再到做出自己的產(chǎn)品、跑通變現(xiàn)全流程，一次拿捏。

我是魚皮，專注 AI 編程知識分享，歡迎關(guān)注。

你在 CBTI 測出了什么編程人格？歡迎在評論區(qū)曬出來，看看有沒有測出隱藏款的大佬~