Skip to main content
skill CX Codex

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.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add reason-machines/trending-skills --skill acgti-anime-persona-quiz -a claude-code
Open on GitHub

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

How to install acgti-anime-persona-quiz

1Skills CLI (Vercel)

npx skills add reason-machines/trending-skills --skill acgti-anime-persona-quiz -a claude-code

2Manually: put the files in place

~/.claude/skills/acgti-anime-persona-quiz/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/acgti-anime-persona-quiz/

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.

Similar skills

All skills for Frontend and UI →

From the same set199

capso-screenshot-macos A skill about Capso, the open-source macOS app for capturing screens and recording video. It helps you embed Capso's SPM packages in your own project. CX Codex +1 445installs ntwarden-windows-analysis-toolkit A skill for digging into Windows internals: processes, services, network, ETW, kernel. Useful when you need to break down what a suspicious process is doing. CX Codex +1 443installs dflash-mlx-speculative-decoding Speeds up MLX inference on Apple Silicon by 1.7x to 4.1x using lossless DFlash speculative decoding with block diffusion drafts. CX Codex +1 443installs geoflow-content-automation A skill that walks your agent through GEOFlow: AI article generation, task scheduling, review and publishing via CLI, REST API and Docker. Useful when the content pipeline runs on PHP and PostgreSQL. CX Codex +1 442installs cli-to-js-api-wrapper A skill that walks through wrapping a command line tool in a typed JavaScript/TypeScript API with the cli-to-js package. Useful when an agent should call commands as methods, not shell strings. CX Codex +1 439installs palantir-for-family-trips Helps set up and tweak a dark-mode operations dashboard for multi-family road trips. Coordinates convoy routes, arrival windows, and shared schedules. CX Codex +1 437installs wterm-web-terminal Coding agent guide for embedding the lightweight Zig and WebAssembly terminal emulator wterm into React, Next.js, or vanilla web apps. CX Codex +1 435installs tech-doc-style-chinese Style rules for Chinese technical writing: spacing between CJK and Latin, corner brackets, no buzzwords. Ships with a Python linter. CX Codex +1 434installs

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor