Phaser — скилл
Набор из 28 скиллов Phaser 4: сцены, физика, ввод, тайлмапы, частицы и перенос игры с третьей версии на четвертую
- 40 657 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Скиллы состоят из текстовых инструкций и примеров кода, сами ничего не запускают и в сеть не ходят.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/phaserОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скиллы состоят из текстовых инструкций и примеров кода, сами ничего не запускают и в сеть не ходят.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Папка `skills/` в репозитории Phaser содержит 28 скиллов, по одному на подсистему фреймворка: сцены, физику Arcade и Matter, ввод, анимации, твины, тайлмапы, частицы, камеры, загрузку ассетов, текст, фильтры с постобработкой и звук. Каждый `SKILL.md` описывает жизненный цикл и API подсистемы для Phaser 4, указывает пути к исходникам в `src/` и ссылается на соседние скиллы. Два скилла стоят особняком. `v4-new-features` перечисляет новинки четвертой версии: фильтры, `RenderNode`, `SpriteGPULayer`, `TilemapGPULayer`. `v3-to-v4-migration` ведет по изменениям, которые ломают старый код: рендерер, система тинтов, камеры, шейдеры, освещение, удаленные классы. Агент подгружает нужный скилл по словам из его описания, например по Scene, preload или migrate.
Для кого. Разработчикам браузерных игр на Phaser 4, которые ведут проект вместе с Claude Code, Cursor или Codex, и командам, переводящим игру с Phaser 3.
Подходит, если
- Агент собирает 2D-игру с нуля: стартовая сцена, загрузка спрайтов, ввод с клавиатуры и касаний.
- В платформере нужна физика, и вы выбираете между Arcade и Matter.
- Проект на Phaser 3 переходит на четвертую версию, и вам нужен список изменений, ломающих код.
- Спрайты получают эффекты: размытие, свечение, виньетка или градиентная карта через фильтры Phaser 4.
- Тайлмап собран, но агент путается в слоях и столкновениях.
Не подходит, если
- Игра остается на Phaser 3: скиллы написаны только под четвертую версию.
- Проект делается на Unity, Godot или PixiJS.
- Картинки, звуки и сюжет игры еще не существуют: скиллы объясняют фреймворк и контент не создают.
Пример запроса к агенту
Собери на Phaser 4 платформер: стартовая сцена, загрузка спрайтов, физика Arcade и управление стрелками.Ограничения
Готовой команды установки в README нет: папку `skills/` копируют в каталог скиллов агента вручную или указывают агенту путь к ней. Описания рассчитаны на Phaser 4, для проекта на третьей версии подсказки про рендерер, тинты и эффекты окажутся неверными. Миграционный скилл называет Canvas-рендерер устаревшим в четвертой версии. За точными сигнатурами агент идет в исходники по путям из `SKILL.md`, а 28 описаний в контексте занимают место, поэтому в небольшом проекте оставьте только нужные подсистемы.
Как отключить. Удалите скопированные папки скиллов из каталога скиллов агента или уберите путь к `skills/` из его инструкций. Пакет `phaser` в проекте это не затрагивает.
Частые вопросы
Как подключить скиллы Phaser к Claude Code или Cursor?
Скопируйте папку `skills/` из репозитория в каталог скиллов агента, для Claude Code это `.claude/skills/`. Авторы советуют проще: направить агента на эту папку. Команды установки в README нет.
Какие скиллы входят в набор?
Всего 28: `scenes`, `animations`, `cameras`, `physics-arcade`, `physics-matter`, `tilemaps`, `tweens`, `particles`, `loading-assets` и другие подсистемы, плюс `v4-new-features` и `v3-to-v4-migration`.
Подходят ли скиллы для Phaser 3?
Нет, они написаны под Phaser 4. Для старого проекта подойдет только `v3-to-v4-migration`, который помогает перенести код на новую версию.
Как перенести проект с Phaser 3 на Phaser 4?
Попросите агента применить `v3-to-v4-migration`. Скилл идет от крупных изменений к мелким: пайплайны рендерера заменены узлами рендера, FX и маски стали фильтрами, `Point` уступил место `Vector2`.
Нужно ли ставить сам Phaser отдельно?
Да. Фреймворк ставится командой `npm install phaser` из README, а скиллы только подсказывают агенту, как с ним работать.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыНабор скиллов для сборки играбельных браузерных игр на Three.js: геймплей, графика уровня AAA, интерфейс, генерация ассетов, звук, отладка и проверка перед рели
Плагин собирает браузерные 2D- и 3D-игры по идее или твиту: пиксельарт, звук, проверка Playwright и публикация в одном конвейере.
25 скиллов по движку melonJS: агент пишет код 2D и 3D игр на HTML5 по правилам движка и обходит тихие ошибки
Набор скиллов по геймдеву для AI-агентов с роутером, который сам подбирает нужные под движок и задачу
Официальный набор скиллов Unity для агентов: работа с редактором, сборки, 2D и 3D, UI, URP, звук, мультиплеер и монетизация
Скилл по Effect v4 для TypeScript: схемы, сервисы и слои, конфигурация, повторы, кэши, потоки, HTTP-клиент и тесты с виртуальным временем
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| Phaser (эта карточка) | да | 40 657 | |
| awesome-gamedev-agent-skills | нет | 7 190 | подборка игровых скиллов с роутером под разные движки; здесь набор одного фреймворка от его авторов |
| Three.js Game Skills | нет | 2 703 | скиллы для браузерных игр на Three.js; здесь скиллы для 2D-фреймворка Phaser |
Коротко о README
README представляет Phaser как бесплатный быстрый 2D-фреймворк для HTML5-игр на Canvas и WebGL. Раздел про ИИ ссылается на то, что модели знают Phaser по обучающим данным, а набор скиллов добавляет детали четвертой версии. Рядом лежат руководство по миграции и журналы изменений.
Бейдж для README
Исходный SKILL.md
---
name: scenes
description: "Use this skill when working with Phaser 4 scenes. Covers scene lifecycle methods, scene transitions, parallel scenes, scene communication, sleeping, pausing, restarting, and the SceneManager. Triggers on: Scene, scene lifecycle, preload, create, update, scene transition, SceneManager."
---
# Scenes
> Scenes are the organizational backbone of a Phaser game. Each Scene has its own lifecycle (init, preload, create, update), its own set of injected systems (this.add, this.input, this.cameras, etc.), and can be started, stopped, paused, slept, or run in parallel with other Scenes. The ScenePlugin (`this.scene`) controls all multi-scene orchestration.
**Key source paths:** `src/scene/Scene.js`, `src/scene/Systems.js`, `src/scene/SceneManager.js`, `src/scene/ScenePlugin.js`, `src/scene/Settings.js`, `src/scene/const.js`, `src/scene/events/`, `src/scene/InjectionMap.js`
**Related skills:** ../game-setup-and-config/SKILL.md, ../loading-assets/SKILL.md, ../events-system/SKILL.md
## Quick Start
```js
// Minimal scene with all lifecycle methods
class GameScene extends Phaser.Scene {
constructor() {
super('GameScene');
}
init(data) {
// Called first. Receives data passed from other scenes.
// 'data' is whatever was passed via scene.start('GameScene', { level: 1 })
this.level = data.level || 1;
}
preload() {
// Called after init. Load assets here.
this.load.image('logo', 'assets/logo.png');
}
create(data) {
// Called after preload completes. Set up game objects.
// 'data' is the same object passed to init.
this.add.image(400, 300, 'logo');
}
update(time, delta) {
// Called every frame while scene is RUNNING.
// time: current time (ms), delta: ms since last frame (smoothed)
}
}
const config = {
width: 800,
height: 600,
scene: [GameScene]
};