Воссоздаёт объект по одному изображению в виде процедурного TypeScript-кода для Three.js, готового к анимации, а не файла с мешем.
majidmanzarpour/threejs-game-skills
Набор из девяти навыков агентов Codex и Claude Code для создания готовых к игре, отполированных браузерных игр на Three.js; навык-директор распределяет задачи.
- Звёзды
- 2,541
- Форки
- 252
- Открытые issues
- 5
- Последний коммит
- 23 дня назад
Что это?
Three.js Game Skills — набор навыков агентов Codex и Claude Code для создания браузерных игр на Three.js. Точка входа — threejs-game-director: он распределяет запросы между специализированными навыками для работы с игровыми системами, графикой, UI, отладкой, QA и выпуском, а также с генерацией 3D-, графических и аудиоассетов. В папке каждого навыка находятся собственный SKILL.md, справочные материалы, вспомогательные скрипты и ресурсы.
В пакет входит шаблон проекта на Vite + TypeScript + Three.js. Сгенерированные игры включают детерминированные точки подключения для тестов, RNG с фиксированным начальным значением и шаблоны Playwright для smoke-тестов, эталонов визуальной регрессии и игровых тестов с ботами — агент может проверять свою работу в браузере. Вспомогательный инструмент для анализа canvas собирает метрики пикселей и данные о бюджете рендеринга, а проверка артефактов сверяет заданный набор скриншотов с ID запуска.
Генерация внешних ресурсов необязательна. Tripo используется для создания 3D-моделей, Gemini — изображений, а ElevenLabs — аудио; для каждого сервиса нужен собственный API key. Если ключей нет, директор переключается на процедурную генерацию ресурсов и сообщает об ограничении.
Ключевые возможности
- 01Навык-директор распределяет общие запросы на разработку игры между специализированными навыками для работы с игровым процессом, графикой, UI, отладкой и выпуском.
- 02В комплекте — шаблон игры на Vite + TypeScript + Three.js с детерминированными точками подключения для тестов и RNG с фиксированным начальным значением.
- 03Включает шаблоны Playwright для smoke-тестов, эталонов визуальной регрессии и игровых тестов с ботами.
- 04Скрипт для анализа canvas собирает метрики пикселей и данные о бюджете рендеринга.
- 05Необязательные интеграции с Tripo, Gemini и ElevenLabs позволяют генерировать 3D-модели, изображения и аудио.
Сценарии использования
- Создание браузерной игры с нуля с помощью AI-агента для программирования в Codex или Claude Code.
- Улучшение графики, HUD или мобильного управления в существующем прототипе на Three.js.
- Добавление автоматизированных браузерных тестов и эталонов скриншотов в проект игры на Three.js.
- Генерация готовых для игры 3D-моделей, текстур или звуковых эффектов через внешние сервисы при наличии ключей.
Быстрый старт
- 1
Установите все skills для Codex
npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a codex -g -y - 2
Установите все skills для Claude Code
npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a claude-code -g -y - 3
Откройте Codex или Claude Code в папке проекта и попросите использовать threejs-game-director для создания игры
Что важно знать
- Работает только с агентами Codex и Claude Code, а не как автономный игровой движок.
- Для некоторых функций генерации ресурсов нужны платные API-ключи Tripo, Gemini или ElevenLabs. Без них агент использует процедурно сгенерированные ресурсы.
Темы
Частые вопросы
- Что такое threejs-game-skills?
- Набор из девяти навыков агентов Codex и Claude Code для создания готовых к игре, отполированных браузерных игр на Three.js; навык-директор распределяет задачи. Three.js Game Skills — набор навыков агентов Codex и Claude Code для создания браузерных игр на Three.js. Точка входа — threejs-game-director: он распределяет запросы между специализированными навыками для работы с игровыми системами, графикой, UI, отладкой, QA и выпуском, а также с генерацией 3D-, графических и аудиоассетов. В папке каждого навыка находятся собственный SKILL.md, справочные материалы, вспомогательные скрипты и ресурсы.
- threejs-game-skills можно использовать бесплатно? Какая у него лицензия?
- threejs-game-skills распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- threejs-game-skills всё ещё поддерживается?
- Активно поддерживается. Последний коммит в threejs-game-skills — 28 сент. 2026 г..
- Для чего можно использовать threejs-game-skills?
- Создание браузерной игры с нуля с помощью AI-агента для программирования в Codex или Claude Code. Улучшение графики, HUD или мобильного управления в существующем прототипе на Three.js. Добавление автоматизированных браузерных тестов и эталонов скриншотов в проект игры на Three.js. Генерация готовых для игры 3D-моделей, текстур или звуковых эффектов через внешние сервисы при наличии ключей.
- Как установить threejs-game-skills?
- Установите все skills для Codex: npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a codex -g -y Установите все skills для Claude Code: npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a claude-code -g -y Откройте Codex или Claude Code в папке проекта и попросите использовать threejs-game-director для создания игры
- Где скачать threejs-game-skills?
- Исходный код и инструкции по установке — на GitHub: https://github.com/majidmanzarpour/threejs-game-skills
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Интерактивное веб-приложение, которое работает офлайн и показывает местное ночное небо для любого места и времени прямо в браузере.
Быстрая библиотека для 2D-рендеринга в вебе: рисует графику, спрайты и текст с помощью WebGL и WebGPU.
Локальный open-source редактор зданий в 3D на React Three Fiber и WebGPU, работающий в браузере или через CLI с MCP-инструментами для AI-агентов.
Коллекция из 74 навыков для разработки игр в формате файлов для AI-агентов-программистов и роутер, который подбирает навыки под движок и задачу.
Песочница на Three.js и GLSL для настройки игровых эффектов способностей с прицеливанием: параметры можно менять ползунками даже на паузе.