Mint Three.js Skills

Скилл для Three.js: ведет агента через 3D-приложения, конфигураторы и игры и заказывает модели и материалы у Mint MCP.

  • 126 ★ репозитория
  • Последний коммит
  • MIT
Скилл

Расширенный доступ

Почему такой уровень

  • Агент вызывает Mint MCP для генерации ассетов, создает там проект и скачивает файлы в репозиторий, а также ведет в корне проекта `mint-assets.json`.
Все причины и проверки

mintdotgg/mint-threejs-skills

Установка

В терминале, через SkillFoxx CLI

npx skillfoxx add skills/mint-three-js-skills

Определит агенты на машине, покажет уровень доступа и зафиксирует версию.

Другие способы установки

Доступ и проверки

Как мы проверяем

Расширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.

  • Агент вызывает Mint MCP для генерации ассетов, создает там проект и скачивает файлы в репозиторий, а также ведет в корне проекта `mint-assets.json`.

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Mint Three.js Skills — набор скиллов для Claude Code, Cursor и Codex, который ведет агента через создание, отладку и проверку браузерных 3D-приложений и игр на Three.js. Главный `SKILL.md` выбирает маршрут: просмотрщик сгенерированных моделей и материалов, общее 3D-приложение или конфигуратор, игра с целями и поражением. Внутри лежат восемь специализированных скиллов: директор приложения, директор игры, визуальные системы, взаимодействие, игровые системы, интерфейс игры, отладка с профилированием и релизная проверка. Модели, материалы, анимации и звук скилл заказывает у Mint MCP, отдельного сервера генерации ассетов, и записывает в проект через реестр `mint-assets.json`. Файлы GLB от Mint сжаты Draco, поэтому загрузчик в проекте обязан его поддерживать. Сборку и тесты агент гоняет сам, а расширенную проверку в браузере запускает только после вашего согласия.

Для кого. Разработчикам веб-игр, конфигураторов и 3D-витрин на Three.js, которым проще заказать модели и материалы у Mint MCP, чем собирать их вручную.

Подходит, если

  • Нужен просмотрщик одной сгенерированной модели или набора ассетов с загрузкой файлов.
  • Конфигуратор товара с вариантами материалов, аннотациями и положениями камеры собирается на Three.js с нуля.
  • В игре на Three.js нужен цикл с целью, поражением и прогрессом, и агенту требуются игровые приемы.
  • Существующий проект на Three.js надо починить: интерфейс, отрисовку и пользовательский сценарий.

Не подходит, если

  • Проект сделан на другом движке, например Unity или Babylon.js: скилл рассчитан на браузерные сцены Three.js.
  • Нужна двухмерная игра или нативное приложение.
  • Описания объектов нельзя отправлять внешнему сервису генерации.

Пример запроса к агенту

Используй Mint Three.js Skills и Mint MCP: собери адаптивный конфигуратор товара с вариантами материалов, аннотациями и положениями камеры.

Ограничения

Генерацию ассетов выполняет Mint MCP, его подключают отдельно по инструкции на https://mcp.mint.gg. Без него скилл работает с процедурными и вашими ассетами. Модели Mint сжаты Draco, поэтому обычный загрузчик GLTF их не откроет. Вызовы Mint MCP остаются в инструментах агента и не попадают в браузерный код приложения. Расширенная проверка в браузере и отдельная проверка на мобильных запускаются только после подтверждений. Последний коммит в репозитории сделан в августе 2026 года.

Как отключить. Удалите папку скилла из каталога скиллов агента и отключите Mint MCP в его настройках. Файл `mint-assets.json` и скачанные ассеты остаются в проекте, их удаляют вручную.

Частые вопросы

Нужен ли Mint MCP для работы скилла?

Для генерации моделей, материалов и звука нужен. Без него агент берет процедурные или ваши ассеты: скилл допускает такой путь, когда у MCP нет нужной возможности.

Как поставить скилл в Cursor?

Командой `npx skills add mintdotgg/mint-threejs-skills -a cursor -g -y`. Для Claude Code вместо `cursor` указывают `claude-code`, для Codex пишут `codex`.

Зачем нужен файл mint-assets.json?

В нем хранится реестр сгенерированных ассетов и идентификатор проекта Mint, чтобы следующие генерации шли в тот же проект. Файл ведет скрипт `scripts/sync-mint-assets.mjs`.

Почему модели Mint не открываются обычным GLTFLoader?

Файлы GLB сжаты Draco, поэтому нужен общий загрузчик с поддержкой Draco. Требования описаны в `references/gltf-runtime-compatibility.md`.

Какие проверки скилл запускает сам?

Сборку или проверку типов, существующие тесты логики и проверку путей к ассетам. Браузер, Playwright, снимки экрана и мобильную проверку агент начинает только после вашего согласия.

Обсуждение

Вопросов и отзывов пока нет.

Скиллы

Three.js Awesome Graphics Skills

threejs-awesome-graphics-agent-skills

Пакет скиллов three.js для красивой графики сцен и игр: свет, PBR, шейдеры, TSL и WebGPU, постобработка, частицы

СкиллМинимальный доступ990Звезды репозитория

Десять справочных скиллов по Three.js: сцена, геометрия, материалы, свет, шейдеры, анимация и постобработка

СкиллМинимальный доступ4,2 тыс.Звезды репозитория

Восемь скиллов для 3D и анимированных сайтов: сцены three.js из кода, скролл-фильмы, прозрачное видео, разбор машин на детали

СкиллРасширенный доступ353Звезды репозитория

Three.js Architecture Effects

threejs-architecture-effects

Скилл собирает на Three.js облетаемое здание, которое строится само: кирпич, каркас, процедурные материалы. Результат — рабочий сайт на Vite и React

СкиллМинимальный доступ729Звезды репозитория

Скилл ведет агента от цели пользователя к токенам и компонентам Material Design 3: тема, адаптивность, доступность и проверка.

СкиллМинимальный доступ168Звезды репозитория

Скилл для разработки WebGPU-приложений на Three.js с шейдерами на TSL: рендерер, node-материалы, compute-шейдеры, пост-обработка

СкиллМинимальный доступ1,3 тыс.Звезды репозитория

Сравнение с похожими

Карточки с тем же главным запросом: чем они отличаются.

ИнструментОфициальныйЗвезды репозиторияГлавное отличие
Mint Three.js Skills (эта карточка)нет126
Three.js Skillsнет4 168десять справочных скиллов по Three.js без генерации ассетов; Mint Three.js Skills добавляет маршруты по задаче и заказ моделей у Mint MCP
Three.js Awesome Graphics Skillsнет990пакет скиллов про свет, шейдеры и постобработку; Mint Three.js Skills охватывает всю разработку приложения или игры и учет ассетов

Коротко о README

README короткий: выбор агента и команда установки, подключение Mint MCP и три шаблона запросов для общего 3D-приложения, игры и существующего проекта. Скилл собран из трех открытых проектов со скиллами Three.js и обобщен за пределы игр.

Бейдж для README

Исходный SKILL.md

---
name: mint-threejs-skills
description: Build, revise, debug, and verify browser-based Three.js apps, games, asset viewers, model and asset-pack deliveries, material and material-pack deliveries, animated-model viewers, and explicitly requested Gaussian-splat worlds with Mint MCP as the production asset pipeline.
---

# Mint Three.js Skills

Mint's agent skill suite for browser-based Three.js work. It combines and
adapts open source Three.js game, application, and graphics-agent workflows,
generalized for 3D apps while retaining deep game workflows.

## Choose A Route

- Fresh request whose primary deliverable is one generated model, an animated
  model, a coherent model asset pack, one material, a material pack, or one
  explicitly requested Mint world: read `references/asset-viewer.md`, then use
  the app director. The asset is the product; the viewer is its inspection and
  download shell.
- General 3D app, viewer, configurator, simulation, walkthrough, editor, or
  interactive experience: read `skills/threejs-app-director/SKILL.md`.
- Game or game-like request with objectives, challenge, scoring, failure,
  progression, or game feel: read `skills/threejs-game-director/SKILL.md`.
- Mixed experience: start with the app director, then add only the relevant game
  specialists.

Both routes share visual systems, interaction, debugging, QA, and
`references/mint-mcp-assets.md`. Before the first Mint MCP write for a codebase,
read `references/mint-project-workspaces.md` to resolve one Mint Project for the
work. Projects that use Mint assets also use the durable registry in
`references/asset-pipeline.md`.

Existing app or game context wins over asset delivery. Generate and integrate a
requested asset into that project instead of scaffolding a separate viewer.

## Invariants

- Existing project architecture wins. For greenfield work, default to
  TypeScript, Vite, and Three.js modules.
- Vanilla Three.js is the default; support React Three Fiber or another
  Three.js-based stack when the project or user chooses it.
- Mint MCP is the only generated-asset production pipeline. Keep MCP calls out
  of browser runtime code.
- Distinguish the local code project (the folder or repository being edited)
  from its Mint Project (the remote workspace that owns Mint chats and assets).
  Resolve or create the Mint Project once, persist it in `mint-assets.json`, and

Сообщить о проблеме