img2threejs

Скилл пересобирает объект с референсного изображения в процедурную 3D-модель Three.js, написанную кодом, а не скачанную

Скилл

Низкий риск

Низкий уровень ставим, когда запись в основном дает агенту инструкции и справочные материалы.

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

  • Запускает локальные Python-скрипты для проверки геометрии, но не выходит в сеть и не пишет за пределы проекта
Все причины и проверки

img2threejs/img2threejs

Установка

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

npx skillfoxx add skills/img2threejs

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

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

Выполните в терминале в папке проекта

npx skills add img2threejs/img2threejs --skill img2threejs -a claude-code -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Выполните в терминале в папке проекта

npx skills add img2threejs/img2threejs --skill img2threejs -a cursor -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Выполните в терминале в папке проекта

npx skills add img2threejs/img2threejs --skill img2threejs -a github-copilot -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Выполните в терминале в папке проекта

npx skills add img2threejs/img2threejs --skill img2threejs -a codex -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Выполните в терминале в папке проекта

npx skills add img2threejs/img2threejs --skill img2threejs -a gemini-cli -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Выполните в терминале в папке проекта

npx skills add img2threejs/img2threejs --skill img2threejs -a cline -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Выполните в терминале в папке проекта

npx skills add img2threejs/img2threejs --skill img2threejs -a roo -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Форк Roo Code, папки .roo те же.

Выполните в терминале в папке проекта

npx skills add img2threejs/img2threejs --skill img2threejs -a opencode -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Понадобится: Node.js

Сверено с репозиторием 25 сент. 2026, коммит 6e60b5e.

Текст для агента

Склонируй репозиторий img2threejs/img2threejs и создай символьную ссылку на него из ~/.claude/skills/img2threejs (или ~/.codex/skills/img2threejs). Перед первым использованием прочитай SKILL.md целиком: там порядок этапов и обязательные проверочные скрипты.

Другие способы из описания автора
img2 add img2threejs/plugin-<id> --ref <tag>

Ставит доменный плагин, например для персонажей, через отдельный CLI img2. Требует его установки.

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

Что делает

Скилл ведет агента по многоэтапному пайплайну реконструкции объекта или персонажа с фотографии в процедурную модель Three.js на TypeScript. Сначала анализ изображения и оценка сложности, затем письменная спецификация с иерархией деталей, материалами и точками анимации, потом сборка проходами от общей формы до финальной детализации и освещения. После каждого прохода скилл снимает скриншот и сверяет его с референсом через отдельные проверки: силуэт, зеркальность левой и правой стороны, самопересечения, покрытие деталями. На выходе получается код, который можно анимировать и разбирать на части, вместо одноразовой генерации мешей.

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

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

  • Нужна процедурная 3D-модель предмета или персонажа по референсному изображению
  • Нужен объект, который можно анимировать или разобрать на части в игре или сцене
  • Нужна детальная реконструкция материала и формы, а не грубое приближение

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

  • Достаточно готового меша из фотограмметрии или купленного ассета
  • Нужна точная геометрия со всех сторон, а есть только один ракурс изображения

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

По этому фото рюкзака собери процедурную 3D-модель для Three.js с расстегивающимися молниями

Ограничения

Пайплайн многоэтапный и рассчитан на серьезную работу агента с десятками скриптов на Python 3.10 без внешних зависимостей, это не быстрая генерация в один шаг. Одно изображение не может показать скрытые стороны объекта, скилл честно сообщает об этом вместо того, чтобы додумывать геометрию. Часть доменных плагинов для отдельных типов объектов устанавливается отдельно через собственный CLI img2.

Как отключить. Удалите папку или символьную ссылку img2threejs из ~/.claude/skills, ~/.codex/skills или другой папки скиллов вашего агента.

Проверка безопасности

  • Запускает локальные Python-скрипты для проверки геометрии, но не выходит в сеть и не пишет за пределы проекта

Коротко о README

README описывает скилл как сборку объекта по фотографии кодом, с упором на управляемое качество и готовность к анимации, а не на скорость. Подчеркивается разница между построением модели и последующим экспортом в другие форматы: обещание про код держится только на этапе сборки. Отдельно описан харнесс img2 для установки доменных плагинов под конкретные категории объектов, например персонажей или технику. Лицензия Apache-2.0.

SKILL.md

---
name: img2threejs
description: Turn an object or character reference image into a quality-gated, animation-ready procedural Three.js model built in code. Use for image-to-3D reconstruction, detail-accurate object rebuilds, stylized/likeness-maximized human characters, sculpt specs, and staged code generation.
license: Apache-2.0
version: 2.0.0
---

# img2threejs — Image to procedural Three.js

Rebuild the object visible in a reference image as a **code-only** procedural Three.js model,
gated by a staged sculpting pipeline and an AI-vision self-correction loop. This is
reconstruction-by-code, **not** photogrammetry, mesh extraction, or downloaded art packs.

Agent-agnostic: works under Claude Code, Codex, or OpenCode.

## Core Promise

Sculpt from a photo, in order, never one-shot a mesh:
1. Run forge/next.py at every start, resume, and before every correction iteration.
2. Validate the image is a suitable 3D target.
3. Assess object class and complexity, then write a qualityContract before any code.
4. Spec it: component hierarchy, materials, lighting, pivots, sockets, action anchors.
5. Build pass-by-pass from blockout to structure, form, material, lighting, interaction, optimization.
6. Verify each pass with a screenshot compared against the reference.

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

Это фотограмметрия или извлечение меша?

Нет, скилл прямо заявляет обратное: модель собирается кодом с нуля, а не извлекается из скана или скачанного пакета.

С какими агентами скилл работает?

Автор описывает его как агент-агностичный: подтверждена работа с Claude Code, Codex и OpenCode, для зрения и браузера используется то, что предоставляет хост-агент.

Выбор редакции

Скиллы и CLI от HeyGen: агент пишет HTML-композиции и рендерит из них MP4-ролики, субтитры, моушн-графику и слайды

СкиллСредний риск53,9 тыс.Звезды репозитория

Blender MCP

MCP for Blender

Выбор редакции

MCP-сервер и аддон для Blender: агент создает и меняет объекты, материалы и сцены, подгружает ассеты и выполняет Python в Blender

MCP-серверВысокий риск29,5 тыс.Звезды репозитория

Скиллы Remotion

Remotion Agent Skills

Выбор редакции

Официальные скиллы Remotion для создания видео на React: композиции, анимации, субтитры, карты и рендер

СкиллНизкий риск4,8 тыс.Звезды репозитория

Агентная видеостудия для Claude Code, Cursor и Codex: сценарий, озвучка, картинки, стоковые кадры, музыка, субтитры и рендер

ВоркфлоуСредний риск61,8 тыс.Звезды репозитория
Foxx AIimg2threejs

Я Foxx AI и уже разобрал этот инструмент. Спросите про установку, настройку или что угодно еще, отвечу простыми словами.