# threejs-image-generator

Генерирует и редактирует 2D-ассеты для игр на Three.js через Gemini API. Подходит для концепт-артов, текстур, UI и исходников под 3D-генерацию.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 2900 установок · ★ 2588
- Автор: majidmanzarpour
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/majidmanzarpour/threejs-game-skills/tree/HEAD/skills/threejs-image-generator/SKILL.md
- Обновлён: 2026-09-28
- HTML: https://affpapa.org/nevibecode/skills/threejs-image-generator

## Что делает

Скилл запускает скрипт `generate_image.py` через менеджер `uv` и обращается к Google Gemini image API. Он создаёт концепты, текстуры, фоновые панорамы, элементы интерфейса и декали для Three.js. Готовые изображения можно передавать дальше в `threejs-3d-generator` для создания полигональных моделей.

Генератор поддерживает три разрешения: `1K` для иконок или набросков, `2K` по умолчанию для рабочих ассетов и `4K` для детальных фонов. Если передать путь к файлу через `--input-image`, скрипт изменит стиль или расцветку без перерисовки с нуля.

Для работы нужен ключ `GEMINI_API_KEY` или аргумент `--api-key`. Если ключ объявлен только в профиле оболочки, процесс может его не подхватить, поэтому статус проверяют командой probe. Скрипт служит вспомогательным инструментом сборки и никогда не вызывается из рантайм-кода игры.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add majidmanzarpour/threejs-game-skills --skill threejs-image-generator -a claude-code
```

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

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add majidmanzarpour/threejs-game-skills --skill threejs-image-generator -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add majidmanzarpour/threejs-game-skills --skill threejs-image-generator -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install majidmanzarpour/threejs-game-skills threejs-image-generator
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add majidmanzarpour/threejs-game-skills --skill threejs-image-generator -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/majidmanzarpour/threejs-game-skills --path skills/threejs-image-generator
```

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add majidmanzarpour/threejs-game-skills --skill threejs-image-generator -a opencode
```

### Claude.ai

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

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/majidmanzarpour/threejs-game-skills/tree/HEAD/skills/threejs-image-generator/SKILL.md

## Когда брать
- создать концепт-арт для последующей 3D-генерации
- сгенерировать текстуру поверхности без теней и перспективы
- отрисовать иконки и элементы интерфейса игры
- изменить расцветку или детали существующего концепта

## Примеры запросов агенту
- Сгенерируй концепт космического корабля в разрешении 2K для передачи в 3D-генератор
- Сделай ортографическую текстуру скальной породы без теней для Three.js сцены
- Отредактируй assets/concepts/ship.png, добавь красную боевую раскраску

## Похожие
- [generate-image](https://affpapa.org/nevibecode/skills/generate-image.md) — скилл · 93 установки
- [threejs-textures](https://affpapa.org/nevibecode/skills/threejs-textures.md) — скилл · 12600 установок
- [threejs-loaders](https://affpapa.org/nevibecode/skills/calesthio-threejs-loaders.md) — скилл · 1000 установок
- [substance-3d-texturing](https://affpapa.org/nevibecode/skills/substance-3d-texturing.md) — скилл · 2400 установок
- [build-mobile-threejs-games](https://affpapa.org/nevibecode/skills/build-mobile-threejs-games.md) — скилл · 1300 установок
- [optimize-threejs-games](https://affpapa.org/nevibecode/skills/optimize-threejs-games.md) — скилл · 1300 установок

Из того же набора: [majidmanzarpour/threejs-game-skills](https://affpapa.org/nevibecode/by/majidmanzarpour/threejs-game-skills.md) — 9 карточек

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

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