程序员MBTI测试站搭建复盘：单页+AI图降本路径

编辑点评 · AI 连续创业者视角（以下内容由 AI 提炼，观点归原作者；读完可不看原文）

这是一个独立开发者利用Vite+React+GitHub Pages搭建程序员人格测试站（mbti.neilmin.com）的案例。作者放弃复杂后端与i18n框架，采用纯静态部署与“AI生成角色表+脚本切图”的低成本工作流，实现低成本开发与传播。原文未提供具体流量或变现数字（仅描述产品逻辑）。对搞钱者意味着：这证明了“单页面+轻后端+自动化视觉”的工具型MVP极低试错成本，适合快速验证热点需求。最大坑在于缺乏留存钩子，易被替代。下一步可复刻此技术栈，针对垂直人群做梗类测试引流。

• 用Vite+React静态部署替代SPA，规避路由404坑
• AI批量生成角色图脚本自动切图，省去手绘成本
• 结果页二维码指回首页而非结果，实现拉新闭环
• 4维+7点量表算法透明，便于后续维护迭代
• 独立仓库+子域名托管，隔离主站降低风险

一、这是什么机会

开发者 Neil 针对北美华人程序员群体，开发名为 mbti.neilmin.com 的垂直测试站。它用看似严肃的心理测评框架包装程序员日常痛点（如依赖AI、架构狂热、debug玄学、为防PIP而卷），通过静态页面实现低成本交付，并生成社交货币海报以驱动病毒传播。

二、独立判断

值得一试，这是“单页面+轻后端+自动化视觉”验证热点需求的极低试错成本模型。核心壁垒不在技术（Vite+React静态部署无难点），而在内容——题目必须精准影射圈层黑话，才能激发转发欲。若文案只是平庸的“编程牛X”，立刻沦为无人问津的玩具。

三、冷启动路径

第一步动作：抛弃传统 MBTI 量表，针对目标圈层（如程序员/互联网打工人）重造四维框架（本文案例为 SHIP 框架：Source代码来源、Hierarchy架构倾向、Investigation排查方式、Purpose职业动力）。成本量级：极低，前端开发 3-5 天，视觉 AI 辅助生成需 2-4 小时。周期：1 周内可上线 MVP。不要一开始就做复杂路由或 i18n 框架，用 React State 管理页面切换，URL 仅保留结果参数。

四、最大风险与避坑

致命坑：视觉风格漂移与缺乏留存钩子。手绘 16 张角色图易导致风格不统一，且耗时远超开发；测试类产品天然无留存，若只做一次性的测试入口，用户测完即走。应对：利用 AI 生成整张角色表后用脚本批量切图，保证风格绝对一致；结果页二维码必须指向首页而非结果页，强制新用户完成“拉新-测试-拉新”闭环，而非仅满足社交炫耀。

五、案例复盘（别人怎么做的）

• 重构认知框架：弃用 E/I/N/S 传统维度，创造 SHIP 缩写，将程序员行为拆解为 4 个极值（如 AI 依赖 vs 手敲，过度设计 vs 快速上线），增加题目代入感。
• 极致简化算法：采用“每道题打一个维度，7 点量表映射 +3 至 -3，各维度累计得分判定字母”，彻底放弃向量匹配，保证逻辑透明可维护。
• 技术做减法：使用 Vite+React 纯静态部署到 GitHub Pages，拒绝 React Router，避免静态托管的 404 问题，页面流转全靠状态管理。
• 视觉批处理：用 AI 一次性生成 16 个低多边形风格角色图，编写脚本自动切图并接入首页与结果页，彻底解决手工绘制效率与一致性痛点。
• 海报导向拉新：结果页生成手机优先的竖屏海报，包含 Code、维度摘要与长文案，强制绑定二维码跳转至测试首页，将“炫耀结果”转化为“获取新流量”。

六、双轨可执行性

跨境：完全可行，直接复刻 SHIP 框架逻辑，翻译为英文，部署在 GitHub Pages，利用 X/Twitter 程序员社区（如 DevRel、IndieHacker 圈子）冷启动；国内：此轨道可行但需重构，将 SHIP 翻译为“大厂/互联网黑话”版本，部署至国内 Vercel/Cloudflare Pages，利用即刻、小红书技术圈传播。

原文 · 博客 on Neil的自留地：阅读原文 →