ACGTI：爆火 600 万访问量的二次元 MBTI 测试网站，看看你是哪位动漫角色？

ACGTI：爆火 600 万访问量的二次元 MBTI 测试网站，看看你是哪位动漫角色？

SEO关键词

ACGTI、MBTI测试网站、二次元人格测试、动漫角色人格测试、Vue3开源项目、Cloudflare Pages项目、TypeScript项目、ACG Type Indicator、动漫角色匹配、人格测试源码

在这里插入图片描述

⚠️ 免责声明：ACGTI 测试结果仅供娱乐参考，不具备心理学诊断、医学评估或人格鉴定功能。请理性看待测试结果。 大家好 这里是「代码简单说」,欢迎大家关注同名公众号,不定时更新更多实用有趣的教程 也欢迎大家在评论区一起讨论交流!~

前言

如果你玩过 MBTI 测试，那么一定好奇过：

• 我的性格最像哪个动漫角色？
• 为什么同样是 INTJ，有的人像鲁路修，有的人却更像夜神月？
• 能不能通过更有趣的方式了解自己的性格特点？

最近 GitHub 上有一个爆火的开源项目 ACGTI（ACG Type Indicator），将 MBTI 性格测试与二次元角色匹配结合起来，通过情境化问题分析用户人格特征，并最终匹配出对应的动漫、游戏角色原型。

项目上线后短时间内获得超过 600 万访问量，成为近期二次元圈和开发者圈热议的开源项目之一。

什么是 ACGTI？

ACGTI 全称：

ACG Type Indicator

官方网址：

https://acgti.tianxingleo.top/

它是一款基于 MBTI 理论构建的二次元角色人格测试平台。

与传统 MBTI 不同的是，ACGTI 不仅会给出人格类型，还会：

• 输出专属角色代码
• 匹配动漫角色
• 分析人格倾向
• 展示可视化维度图表
• 生成分享海报

最终帮助用户找到属于自己的「二次元人格原型」。

项目截图

首页

首页截图

测试页面

答题截图

测试结果

结果截图一

人格分析结果

结果截图二

核心功能特色

1、MBTI 四维人格分析

项目采用经典 MBTI 四维模型：

通过多道情境题计算人格倾向。

2、8 种原创二次元人格原型

ACGTI 并不是简单套用 MBTI 类型。

项目额外设计了 8 个动漫角色原型：

• 发光主角位
• 冰面观察者
• 誓约队长
• 灵巧回旋者
• 温柔修复者
• 影面策士
• 混沌火花
• 月下守护者

让测试结果更加贴近二次元文化。

3、110+ 热门角色数据库

目前已经收录超过：

110 位动漫、游戏角色

覆盖作品包括：

• BanG Dream!
• 孤独摇滚
• 原神
• 鸣潮
• 明日方舟
• 崩坏：星穹铁道
• Fate
• Re:0
• 葬送的芙莉莲
• 轻音少女
• 我推的孩子

以及数十部热门作品。

4、角色精准匹配

系统并非简单随机抽取角色。

其内部会结合：

• MBTI 四维结果
• 原型权重
• 角色向量
• 角色专属评分

进行综合计算。

最终输出：

• 唯一角色代码
• 对应角色
• 性格解析
• 倾向分析

5、一键生成分享海报

测试完成后可直接生成：

• PNG 图片
• 角色海报
• 结果卡片

方便分享到：

• QQ
• 微信
• 微博
• B站动态
• Discord

技术架构解析

作为一个现代 Web 项目，ACGTI 的技术选型非常主流。

前端技术栈

• Vue 3
• TypeScript
• Vite

核心优势：

• 开发效率高
• 类型安全
• 构建速度快

后端技术栈

项目采用 Cloudflare 全家桶方案：

• Cloudflare Pages
• Cloudflare Pages Functions
• Cloudflare D1

特点：

• 全球 CDN
• Serverless 架构
• 无服务器运维
• 成本低

架构流程

用户答题
    ↓
39道情境题
    ↓
维度评分计算
    ↓
8种原型匹配
    ↓
角色向量计算
    ↓
Softmax概率匹配
    ↓
输出唯一角色
    ↓
生成分析报告

整个过程大部分计算均在浏览器本地完成。

项目目录结构

项目采用 Vue3 标准工程结构。

src/
├── components/
├── composables/
├── content/
├── data/
├── pages/
├── router/
├── types/
├── utils/
├── App.vue
└── main.ts

functions/
migrations/

其中：

components

存放可复用组件

例如：

• QuestionCard
• ProgressBar
• SharePoster

composables

Vue3 组合式 API

例如：

useQuiz.ts
useShare.ts

data

存储题库和角色库

questions.json
archetypes.json
characters.json

functions

Cloudflare Pages Functions

用于：

• 结果统计
• 排行榜
• 数据分析

本地部署教程

克隆项目

git clone https://github.com/tianxingleo/ACGTI.git

cd ACGTI

安装依赖

npm install

启动开发环境

npm run dev

默认访问：

http://localhost:5173

构建项目

npm run build

启动完整后端环境

npm run dev:pages

该模式下会同时启动：

• Cloudflare Pages
• Pages Functions
• D1 数据库

为什么这个项目能火？

从产品角度来看，ACGTI 同时满足了几个传播要素：

1、MBTI 热度持续存在

人格测试一直拥有庞大用户群体。

2、二次元用户基数巨大

动漫、游戏用户天然喜欢角色代入感。

3、分享属性极强

测试结果天然适合传播。

例如：

• 发朋友圈
• 发群聊
• 发微博

4、结果具有唯一性

很多测试会出现重复结果。

而 ACGTI 通过角色匹配机制：

人格
+
原型
+
角色向量

形成更丰富的结果组合。

开源地址

在线体验

https://acgti.tianxingleo.top/

GitHub 仓库

https://github.com/tianxingleo/ACGTI

总结

ACGTI 是一个将：

• MBTI 性格分析
• 二次元文化
• Vue3 技术栈
• Cloudflare Serverless

结合起来的优秀开源项目。

对于普通用户来说，它是一款有趣的人格测试网站；

对于开发者来说，则是一个值得研究的现代全栈 Web 项目，尤其适合作为：

• Vue3 学习案例
• Cloudflare Pages 实战项目
• TypeScript 项目参考
• 前后端分离架构示例

如果你也想知道自己最像哪位动漫角色，不妨亲自体验一下。