acgti-anime-persona-quiz — Claude Code skill: quiz and install
This skill helps extend ACGTI, a Vue 3 and TypeScript anime quiz that calculates an MBTI-style result and selects a character.
npx skills add reason-machines/trending-skills --skill acgti-anime-persona-quiz -a claude-codeWhat acgti-anime-persona-quiz does
The skill documents ACGTI’s structure: 39 seven-point questions feed four MBTI dimensions, then the result maps to one of 8 archetypes and a character from a database with 40+ entries. The scoring flow calculates dimension values, finds an archetype, and selects a matching character.
Project content is held in src/data/questions.json, archetypes.json, characters.json, and the visual data files. The main implementation is split across src/components, src/composables, and src/utils, covering quiz state, PNG poster export, and scoring helpers. TypeScript schemas describe the data.
Local work uses Vue 3, TypeScript, Vite, and Node 18+. The documented commands install dependencies, start the Vite server, run type checking, and build for production. The dist/ output uses base: './', so it can be served from a static host.
What it helps with
- add a character to the ACGTI database
- extend the anime personality test questions
- modify the archetype definitions
- inspect the MBTI result calculation
- prepare ACGTI for Cloudflare Pages deployment
Example prompts for the agent
- Add a character to
src/data/characters.jsonand create its matching visual entry. - Show me how to add questions to the anime personality test and include them in result calculation.
- Set up ACGTI locally, run
npm run dev, and prepare a production build.
How to install acgti-anime-persona-quiz
1Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill acgti-anime-persona-quiz -a claude-code2Manually: put the files in place
~/.claude/skills/acgti-anime-persona-quiz/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/acgti-anime-persona-quiz/
1Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill acgti-anime-persona-quiz -a codex2Manually: put the files in place
.agents/skills/acgti-anime-persona-quiz/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill acgti-anime-persona-quiz -a cursor2Manually: put the files in place
.cursor/skills/acgti-anime-persona-quiz/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install reason-machines/trending-skills acgti-anime-persona-quiz2Manually: put the files in place
.github/skills/acgti-anime-persona-quiz/SKILL.md1Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill acgti-anime-persona-quiz -a gemini-cli2Platform CLI
gemini skills install https://github.com/reason-machines/trending-skills --path skills/acgti-anime-persona-quizManually: put the files in place
.devin/skills/acgti-anime-persona-quiz/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill acgti-anime-persona-quiz -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about acgti-anime-persona-quiz
How do I install acgti-anime-persona-quiz in Claude Code?
Run npx skills add reason-machines/trending-skills --skill acgti-anime-persona-quiz -a claude-code. The installed skill is located at ~/.claude/skills/acgti-anime-persona-quiz/SKILL.md.
What does acgti-anime-persona-quiz do?
It guides work on the client-side ACGTI quiz, including its questions, MBTI-style scoring, archetypes, character database, and visual data.
What is needed to run ACGTI locally?
The project uses Node 18+, its dependencies, and npm install, followed by npm run dev. Use npx tsc --noEmit for type checking and npm run build for a production build.