build-mobile-threejs-games — скилл для Claude Code: мобильные
Скилл для сборки и проверки Three.js-игры под мобильный веб: тач-управление, адаптивный HUD, бюджеты производительности.
npx skills add MengTo/Skills --skill build-mobile-threejs-games -a claude-codeЧто делает build-mobile-threejs-games
Скилл задаёт агенту рамку, в которой мобильный браузер считается основной площадкой для управления и производительности, а не уменьшенной копией десктопа. Он пригодится, когда игра уже крутится в браузере, но на телефоне в неё неудобно играть.
Внутри три блока правил. Управление: понятный способ движения, доступные основные действия, выбор цели, отмена и сброс, альтернативы перетаскиванию для инвентаря. Элементы не должны попадать в небезопасные зоны экрана и перекрывать друг друга, а нажатое, недоступное и поставленное в очередь действие получает отклик. Адаптивный HUD рассчитан на портретную и ландшафтную ориентацию: статус, данные цели, инвентарь, подсказки и диалоги остаются читаемыми и не закрывают игровое поле, а поворот экрана не сбрасывает состояние игры.
Третий блок — производительность и проверка. Скилл советует брать качество по классу устройства и включать декоративные эффекты адаптивно. Проверять нужно тач-цели, мультитач, длинные сессии, разблокировку звука, возврат из фона и паузы, режим уменьшенной анимации, низкое качество и реальные мобильные размеры вьюпорта в одобренном для репозитория браузере. Если у вас нет доступа к настоящему телефону, половина этих проверок превращается в гадание.
Какие задачи решает
- сделать тач-управление, до которого дотягивается большой палец
- развести зоны действий, чтобы кнопки не перекрывались
- сохранить читаемый HUD в портретной и ландшафтной ориентации
- не сбрасывать игру при повороте экрана
- проверить мультитач и возврат из фона на реальном телефоне
Примеры запросов агенту
- собери мобильное управление для этой Three.js-игры: движение, основное действие, отмена
- переделай HUD так, чтобы он не закрывал игровое поле в портретной ориентации
- прогони чек-лист мобильной проверки: тач-цели, мультитач, длинная сессия, возврат из фона
Как установить build-mobile-threejs-games
1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill build-mobile-threejs-games -a claude-code2Вручную: положить файлы
~/.claude/skills/build-mobile-threejs-games/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/build-mobile-threejs-games/
1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill build-mobile-threejs-games -a codex2Вручную: положить файлы
.agents/skills/build-mobile-threejs-games/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill build-mobile-threejs-games -a cursor2Вручную: положить файлы
.cursor/skills/build-mobile-threejs-games/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install MengTo/Skills build-mobile-threejs-games2Вручную: положить файлы
.github/skills/build-mobile-threejs-games/SKILL.md1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill build-mobile-threejs-games -a gemini-cli2Командой платформы
gemini skills install https://github.com/MengTo/Skills --path agent-skills/game-development/build-mobile-threejs-gamesВручную: положить файлы
.devin/skills/build-mobile-threejs-games/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill build-mobile-threejs-games -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора148
Похожие
Рядом в теме «Геймдев и 3D: Unity, Unreal, Godot, Blender»
Всё по теме «Геймдев и 3D: Unity, Unreal, Godot, Blender» →Вопросы о build-mobile-threejs-games
Как установить build-mobile-threejs-games в Claude?
Выполните npx skills add MengTo/Skills --skill build-mobile-threejs-games -a claude-code. После этого файл скилла лежит в ~/.claude/skills/build-mobile-threejs-games/SKILL.md.
Что делает build-mobile-threejs-games?
Даёт агенту правила сборки, настройки и проверки Three.js-игры под мобильный веб: тач-управление, адаптивный HUD, бюджеты производительности и тесты в мобильном браузере.
Для каких платформ подходит скилл?
Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode. Для каждой платформы своя команда установки, например для Cursor — npx skills add MengTo/Skills --skill build-mobile-threejs-games -a cursor.
Исходный текст
SKILL.md · MIT
--- name: build-mobile-threejs-games description: Build, tune, or test a Three.js game for mobile web. Use for touch movement, action controls, target selection, touch inventory, safe areas, portrait/landscape layouts, responsive HUD, battery/performance budgets, and real mobile browser QA. --- # Build Mobile Three.js Games Treat mobile as a primary control and performance surface. ## Controls Provide a clear movement control, reachable primary actions, target selection, cancel/reset paths, and non-drag alternatives for inventory. Keep controls out of unsafe areas, avoid overlapping action zones, and show feedback for held, unavailable, and queued actions. ## Responsive HUD Design for representative portrait and landscape viewports. Keep vital status, target data, inventory, tooltips, and dialogs legible without covering the playfield. Support orientation changes without resetting gameplay state. ## Performance and QA Use device-appropriate quality defaults and adaptive decorative effects. Test touch targets, multi-touch, long sessions, audio unlock, pause/background return, reduced motion, low-end quality, and actual mobile-size viewports in the repository-approved browser.
© MengTo · MIT · MengTo/Skills
