# acgti-anime-persona-quiz

This skill helps extend ACGTI, a Vue 3 and TypeScript anime quiz that calculates an MBTI-style result and selects a character.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 440 installs · ★ 88
- Author: reason-machines
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/reason-machines/trending-skills/tree/HEAD/skills/acgti-anime-persona-quiz/SKILL.md
- Updated: 2026-10-09
- HTML: https://affpapa.org/en/nevibecode/skills/acgti-anime-persona-quiz

## What it 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.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill acgti-anime-persona-quiz -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/acgti-anime-persona-quiz/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/acgti-anime-persona-quiz/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill acgti-anime-persona-quiz -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/acgti-anime-persona-quiz/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill acgti-anime-persona-quiz -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/acgti-anime-persona-quiz/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install reason-machines/trending-skills acgti-anime-persona-quiz
```

2. **Manually: put the files in place**
- File: `.github/skills/acgti-anime-persona-quiz/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill acgti-anime-persona-quiz -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/reason-machines/trending-skills --path skills/acgti-anime-persona-quiz
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/acgti-anime-persona-quiz/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill acgti-anime-persona-quiz -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/reason-machines/trending-skills/tree/HEAD/skills/acgti-anime-persona-quiz/SKILL.md

## When to use it
- 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
- Add a character to `src/data/characters.json` and 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.

## Similar
- [lesson-quiz](https://affpapa.org/en/nevibecode/skills/lesson-quiz.md) — skill · ★ 45376
- [quiz](https://affpapa.org/en/nevibecode/skills/readwiseio-quiz.md) — skill · 609 installs
- [vuejs-typescript-best-practices](https://affpapa.org/en/nevibecode/skills/vuejs-typescript-best-practices.md) — skill · 1000 installs
- [vite](https://affpapa.org/en/nevibecode/skills/mindrally-vite.md) — skill · 820 installs
- [uni-helper](https://affpapa.org/en/nevibecode/skills/uni-helper.md) — skill · 794 installs
- [anime-soccer](https://affpapa.org/en/nevibecode/skills/anime-soccer.md) — skill · 665 installs

From the same set: [reason-machines/trending-skills](https://affpapa.org/en/nevibecode/by/reason-machines/trending-skills.md) — 199 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md