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

大家應該聽說過 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 測出了什么編程人格？歡迎在評論區曬出來，看看有沒有測出隱藏款的大佬~