create-game-vfx — скилл для Claude Code: VFX в Three.js
Скилл для ИИ-агента, который помогает делать визуальные эффекты в Three.js: атаки, попадания, статусы, телеграфы. Полезен, когда эффект должен читаться в бою и не ронять кадры.
npx skills add MengTo/Skills --skill create-game-vfx -a claude-codeЧто делает create-game-vfx
Скилл задаёт порядок работы: сначала смысл эффекта, потом зрелище. Для каждого эффекта агент просит определить триггер, владельца, длительность, игровое значение, силуэт с рабочей дистанции камеры, иерархию цвета, лимит спавна, правило очистки и вариант для режима уменьшенной анимации. Телеграф, контакт, успех, провал и остаточный статус разделяются.
В реализации скилл требует пулить короткоживущие объекты, переиспользовать материалы и геометрию, ограничивать число частиц и не выделять память каждый кадр. Аддитивное смешивание и прозрачность — умеренно, особенно рядом с важным интерфейсом и целями. Очистка должна быть идемпотентной, потому что рестарт, смерть и пауза иначе оставят висящие эффекты.
Проверка идёт по пересечениям, нескольким целям сразу, быстрым повторам, паузе и возобновлению, низкому качеству графики, уменьшенной анимации и тач-вьюпортам. Скилл советует снимать метрики на живом бою: предупреждения, число draw call, время кадра и читаемость. Ставить его есть смысл, если проект уже на Three.js — вне этого движка шаги про материалы и пулы придётся переписывать под свой рендерер.
Какие задачи решает
- развести телеграф атаки и момент попадания по разным визуалам
- удержать читаемость эффекта на дальней камере
- ограничить частицы и не терять кадры в бою
- сделать очистку эффектов безопасной при паузе и рестарте
- добавить вариант эффекта для режима уменьшенной анимации
Примеры запросов агенту
- сделай VFX попадания по цели в Three.js, с пулом объектов и лимитом частиц
- проверь эффекты статуса на пересечения и быстрые повторы, покажи время кадра
- добавь телеграф атаки и отдельный вариант для reduced motion
Как установить create-game-vfx
1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill create-game-vfx -a claude-code2Вручную: положить файлы
~/.claude/skills/create-game-vfx/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/create-game-vfx/
1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill create-game-vfx -a codex2Вручную: положить файлы
.agents/skills/create-game-vfx/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill create-game-vfx -a cursor2Вручную: положить файлы
.cursor/skills/create-game-vfx/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install MengTo/Skills create-game-vfx2Вручную: положить файлы
.github/skills/create-game-vfx/SKILL.md1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill create-game-vfx -a gemini-cli2Командой платформы
gemini skills install https://github.com/MengTo/Skills --path agent-skills/game-development/create-game-vfxВручную: положить файлы
.devin/skills/create-game-vfx/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill create-game-vfx -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора148
Похожие
Рядом в теме «Геймдев и 3D: Unity, Unreal, Godot, Blender»
Всё по теме «Геймдев и 3D: Unity, Unreal, Godot, Blender» →Вопросы о create-game-vfx
Как установить create-game-vfx в Claude?
Выполните npx skills add MengTo/Skills --skill create-game-vfx -a claude-code. После этого файл скилла лежит в ~/.claude/skills/create-game-vfx/SKILL.md.
Что делает create-game-vfx?
Помогает агенту проектировать и реализовывать визуальные эффекты для игр на Three.js: атаки, попадания, отклик на урон, статусы, следы заклинаний, частицы, шейдеры и телеграфы. Отдельно требует вариант для уменьшенной анимации.
Что скилл требует от эффекта?
Для каждого эффекта задаются триггер, владелец, длительность, игровое значение, силуэт с дистанции камеры, иерархия цвета, лимит спавна, правило очистки и аналог для reduced motion.
Исходный текст
SKILL.md · MIT
--- name: create-game-vfx description: Create readable, performance-safe Three.js game visual effects. Use for attacks, impacts, damage feedback, status effects, spell trails, particles, shaders, telegraphs, quality tiers, and reduced-motion alternatives. --- # Create Game VFX Make the gameplay meaning visible before adding spectacle. ## Specify For every effect define trigger, owner, duration, gameplay meaning, camera-distance silhouette, color hierarchy, spawn cap, cleanup rule, and reduced-motion equivalent. Separate telegraph, contact, success, failure, and lingering status visuals. ## Implement safely Pool short-lived objects, reuse materials/geometry, cap particles, and avoid per-frame allocation. Use additive/transparency sparingly around important UI and targets. Make cleanup idempotent so reset, death, and pause cannot leak effects. ## Verify Test overlaps, multiple targets, rapid repetition, pause/resume, lowest quality, reduced motion, and touch viewports. Sample the live encounter for warnings, draw calls, frame time, and visual readability.
© MengTo · MIT · MengTo/Skills
