К основному содержанию
скилл CX Codex

acgti-anime-persona-quiz — скилл для Claude Code: квиз и установка

Скилл помогает развивать ACGTI — клиентский аниме-квиз на Vue 3 и TypeScript с расчётом MBTI-типа и подбором персонажа.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add reason-machines/trending-skills --skill acgti-anime-persona-quiz -a claude-code
Открыть на GitHub

Что делает acgti-anime-persona-quiz

Скилл описывает устройство ACGTI: 39 вопросов со шкалой Лайкерта распределяются по четырём измерениям MBTI, затем результат связывается с одним из 8 архетипов и персонажем из базы 40+ записей. Логика проходит через расчёт оценок, выбор архетипа и подбор персонажа.

Для изменений используются src/data/questions.json, archetypes.json, characters.json и файлы визуальных данных. Основные части проекта находятся в src/components, src/composables и src/utils, где есть состояние квиза, экспорт PNG-постера и функции движка. Контент редактируется через JSON-схемы TypeScript.

Локальный запуск опирается на Vue 3, TypeScript, Vite и Node 18+; команды включают npm install, npm run dev, проверку типов и production-сборку. Проект рассчитан на статический хостинг: каталог dist/ использует относительный base: './'.

Какие задачи решает

  • добавить персонажа в базу ACGTI
  • расширить набор вопросов аниме-квиза
  • изменить определения архетипов
  • проверить расчёт результатов MBTI
  • подготовить ACGTI к деплою на Cloudflare Pages

Примеры запросов агенту

  • Добавь нового персонажа в src/data/characters.json и связанную запись визуальных данных.
  • Объясни, как добавить вопросы в аниме-тест и подключить их к расчёту результата.
  • Проверь локальную настройку ACGTI, запусти npm run dev и подготовь production-сборку.

Как установить acgti-anime-persona-quiz

1Через Skills CLI (Vercel)

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

2Вручную: положить файлы

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

Папка скилла целиком; для одного проекта — .claude/skills/acgti-anime-persona-quiz/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о acgti-anime-persona-quiz

Как установить acgti-anime-persona-quiz в Claude Code?

Выполните npx skills add reason-machines/trending-skills --skill acgti-anime-persona-quiz -a claude-code. После установки скилл находится в ~/.claude/skills/acgti-anime-persona-quiz/SKILL.md.

Что делает acgti-anime-persona-quiz?

Он помогает работать с клиентским Vue 3-квизом ACGTI: вопросами, MBTI-расчётом, архетипами, базой персонажей и визуальными данными.

Что нужно для локального запуска ACGTI?

Нужны Node 18+, зависимости проекта и команды npm install, затем npm run dev. Для проверки типов используется npx tsc --noEmit, а production-сборка создаётся через npm run build.

Похожие скиллы

Всё по теме «Фронтенд и UI» →
frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. 986 201установок hyperframes heygen-com Скилл задаёт агенту правила рендера HTML-кода в видео через HyperFrames. Помогает собирать проморолики, эксплейнеры и титры прямо в коде проекта. CX Codex +1 1 200 000установок hyperframes-cli heygen-com Управляет проектами HyperFrames через терминал: собирает таймлайн, проверяет контраст кадров, запускает предпросмотр и рендерит видео локально или в облаке. CX Codex +1 1 300 000установок webapp-testing официальный anthropics Скилл запускает проверки локальных веб-приложений через Playwright: помогает отлаживать UI, делать скриншоты и смотреть логи браузера. 186 758установок

Из того же набора186

capso-screenshot-macos Скилл по Capso — открытому приложению для снимков экрана и записи на macOS. Помогает встроить его SPM-пакеты в свой проект. CX Codex +1 445установок ntwarden-windows-analysis-toolkit Скилл для разбора внутренностей Windows: процессы, службы, сеть, ETW, ядро. Пригодится, когда нужно разобрать поведение подозрительного процесса. CX Codex +1 443установок dflash-mlx-speculative-decoding Ускоряет генерацию в MLX на чипах Apple Silicon в 1.7–4.1 раза без потери качества за счёт спекулятивного декодирования DFlash. CX Codex +1 443установок geoflow-content-automation Скилл для работы с GEOFlow: генерация GEO/SEO-статей, задачи, ревью и публикация через CLI, REST API и Docker. Пригодится, если контент-конвейер уже крутится на PHP и PostgreSQL. CX Codex +1 442установок cli-to-js-api-wrapper Скилл объясняет, как обернуть любую консольную утилиту в типизированный JavaScript/TypeScript API через библиотеку cli-to-js. Пригодится, когда агенту нужны вызовы команд, а не склейка строк. CX Codex +1 439установок palantir-for-family-trips Помогает развернуть и настроить командный центр для совместной поездки нескольких семей. Включает интерактивную карту, таймлайн и списки дел. CX Codex +1 437установок tech-doc-style-chinese Правила для китайской технической документации: пробелы между иероглифами и латиницей, угловые кавычки, запрет на канцелярит и рекламные штампы. Плюс линтер на Python. CX Codex +1 434установок diagram-design-editorial Скилл собирает диаграммы в HTML и SVG для статей и документации: 13 типов, без Mermaid и сборки, стиль подгоняется под ваш сайт. CX Codex +1 433установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой