# build-hybrid-game-assets

Помогает выбрать, как делать ассеты для веб-игры на Three.js: импортированная модель, процедурная геометрия или 2D-медиа.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 1200 установок · ★ 7001
- Автор: MengTo
- Лицензия: MIT · policy=mirror · лицензия открытая, файл — в исходнике
- Исходник: https://github.com/MengTo/Skills/tree/HEAD/agent-skills/game-development/build-hybrid-game-assets/SKILL.md
- Обновлён: 2026-10-25
- HTML: https://affpapa.org/nevibecode/skills/build-hybrid-game-assets

## Что делает

Скилл ведёт вас по конвейеру ассетов для Three.js или другой веб-игры. Сначала он просит классифицировать, что именно нужно: герой с авторской анимацией, оружие или проп, иконка интерфейса, фон меню. Для каждой категории он предлагает свою форму. Риггерованный меш берут для персонажа, процедурную геометрию Three.js — когда важны силуэт, сокеты, коллизии и варианты, управляемые кодом. 2D-картинки и видео идут прямо в UI.

Дальше скилл собирает компактный набор референсов: главный вид, силуэт или вид сбоку, крупный план палитры и материалов, контекст использования. До реализации нужно задать дистанцию камеры, масштаб, пивот, коллизии, точки крепления и бюджет. По одному изображению скрытую геометрию не восстановить, поэтому скилл либо просит дополнительные ракурсы, либо предлагает осознанную стилизацию. Если форма референса должна стать кодом, используется `img2threejs` с его проверками качества, и результат честно называется реконструкцией.

Проверка идёт в игре, а не во вьюере ассетов: реальная дистанция камеры, свет, читаемость, контакт с коллизией, анимация, мобильный вьюпорт. Скилл просит измерить draw calls, треугольники, число текстур и время кадра. Отдельный шаг — учёт происхождения: для каждого ассета отмечается, импортированный он, процедурный, сгенерированный 2D или только референс, вместе с источником и лицензией. Это повод проверить лицензии до интеграции в сцену, а не после.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add MengTo/Skills --skill build-hybrid-game-assets -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/build-hybrid-game-assets/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/build-hybrid-game-assets/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add MengTo/Skills --skill build-hybrid-game-assets -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/build-hybrid-game-assets/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add MengTo/Skills --skill build-hybrid-game-assets -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/build-hybrid-game-assets/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install MengTo/Skills build-hybrid-game-assets
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/build-hybrid-game-assets/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add MengTo/Skills --skill build-hybrid-game-assets -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/MengTo/Skills --path agent-skills/game-development/build-hybrid-game-assets
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/build-hybrid-game-assets/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add MengTo/Skills --skill build-hybrid-game-assets -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/MengTo/Skills/tree/HEAD/agent-skills/game-development/build-hybrid-game-assets/SKILL.md

## Когда брать
- выбрать между импортированной моделью и процедурной геометрией для пропа
- собрать набор референсов перед моделированием персонажа
- подготовить 2D-иконки и фон меню под реальную плотность экрана
- измерить draw calls и время кадра на мобильном вьюпорте
- записать источник и лицензию для каждого ассета в сцене

## Примеры запросов агенту
- помоги спланировать пайплайн ассетов для веб-игры на Three.js
- нужно решить, делать меч процедурной геометрией или импортировать модель
- проверь ассеты в игре: читаемость, коллизии и время кадра

## Похожие
- [pixijs-assets](https://affpapa.org/nevibecode/skills/pixijs-assets.md) — скилл · 5900 установок
- [game-3d-assets](https://affpapa.org/nevibecode/skills/game-3d-assets.md) — скилл · 1100 установок
- [threejs-game-director](https://affpapa.org/nevibecode/skills/threejs-game-director.md) — скилл · 3100 установок
- [threejs-game](https://affpapa.org/nevibecode/skills/threejs-game.md) — скилл · 1100 установок
- [threejs-aaa-graphics-builder](https://affpapa.org/nevibecode/skills/threejs-aaa-graphics-builder.md) — скилл · 3200 установок
- [web-game-foundations](https://affpapa.org/nevibecode/skills/web-game-foundations.md) — скилл · 52 установки

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md