Acgti Anime Persona Quiz

A purely client-side MBTI-style anime character quiz built with Vue 3 and TypeScript. You answer 39 Likert-scale questions, the engine scores you across four dimensions, maps you to one of 8 archetypes, then picks a matching character from a 40-plus database complete with radar stats and visual theming. Everything runs in the browser with no backend. The codebase is clean and extensible: questions, archetypes, and characters all live in JSON files you can edit directly, and the scoring pipeline in quizEngine.ts is a pure function you can swap out. Good reference if you're building personality quizzes or want to see a straightforward Vue 3 state machine handling multi-step flows. Deploys to any static host since it uses relative paths.

skills.sh installs: 338
GitHub stars: 26
last updated: Jun 3, 2026

View on GitHub

Install

$ npx -y skills add aradotso/trending-skills --skill acgti-anime-persona-quiz --agent claude-code

Installs into .claude/skills of the current project.

Files

ACGTI Anime Persona Quiz

Skill by ara.so — Daily 2026 Skills collection.

ACGTI (ACG Type Indicator) is a purely client-side Vue 3 + TypeScript quiz that maps 39 seven-point Likert-scale questions onto four MBTI dimensions (E/I, S/N, T/F, J/P), matches the result to one of 8 anime archetypes, and then selects a specific anime character from a 40+ entry database. No backend, no user data collection — everything runs in the browser.

Installation & Local Development

# Clone the repo
git clone https://github.com/tianxingleo/ACGTI.git
cd ACGTI

# Install dependencies (Node 18+ recommended)
npm install

# Start dev server (Vite, hot-reload)
npm run dev

# Type-check
npx tsc --noEmit

# Production build → dist/
npm run build

# Preview production build locally
npm run preview

The dist/ folder uses base: './' (relative paths), so it deploys directly to any static host.