Agent skill · software engineering · aradotso
acgti-anime-persona-quiz
ACG Type Indicator — MBTI-inspired anime character persona quiz built with Vue 3, TypeScript, and Vite
Why this skill is useful
Provides specific Vue 3 and TypeScript patterns for building a client-side quiz application that the AI wouldn't reliably generate on its own.
What it needs
Requires node installed locally. About 7k tokens when loaded. Last updated 2026-07-09. 70 stars on the source repository.
What this skill does
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 The dist/ folder uses base: './' (relative paths), so it deploys directly to any static host. --- Project Architecture --- Core Types (src/types/quiz.ts) Understanding these types is essential before touching any data file or engine logic. --- Scoring Engine (src/utils/quizEngine.ts) The engine is a pure function pipeline — ideal extension point. --- Adding a New Character Edit src/data/characters.json — append one object following the schema: Then add the matching visual entry to src/data/characterVisuals.json: And an optional prior probability in src/data/characterProbabilities.json: Rules: • id must be unique and kebab-case. • mbtiType must be one of the 16 standard types. • archetypeId must match an id in archetypes.json. • stats values are integers 0–100. --- Adding New Quiz Questions Edit src/data/questions.json — append to the array: Guidelines: id must be unique and increment sequentially. dimension is one of "EI" "SN" "TF" "JP". archetypeWeights keys must match all 8 archetype id values; weights range -3 to +3. Positive weight = answer "strongly agree" nudges toward that archetype. Keep question text in Chinese (Simplified) to match existing copy. --- Modifying Archetypes (src/data/archetypes.json) Each MBTI type (16 total) should appear in exactly one archetype's mbtiTypes array. The engine uses a first-match lookup — gaps cause a fallback to archetypes[0]. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aradotso/acgti-anime-persona-quiz