Как повторить
- Подготовьте по одному чёткому фото на каждый предмет. Для сцены «флакон духов на камнях» нужны два отдельных снимка, общая картинка не подойдёт.
- Проверьте, что на компьютере есть Node.js 18+ и Git - без них установщик не запустится. Установите skill (дополнение для Claude Code) командой
npx --yes img2threejs@latest install --host claude. Вручную:git clone https://github.com/img2threejs/img2threejs.git ~/.claude/skills/img2threejs. Проверить установку можно командойnpx --yes img2threejs@latest doctor. После установки откройте новую сессию Claude Code или перезапустите текущую. - Для каждого фото вызовите в Claude Code:
/img2threejs Rebuild the object in ./reference.png as a procedural Three.js model. Skill вернёт код на TypeScript: функцию, которая создаёт предмет какTHREE.Group, то есть набор деталей одного объекта. - Попросите Claude поставить готовые модели в одну Three.js-сцену, добавить свет и камеру.
- Опишите словами движение камеры: облёт, наезд, парение. Claude пропишет анимацию по ключевым точкам траектории.
- Запишите сцену в видео скринкастом браузера или покадровым рендером в видеофайл.
Как проверить результат
В браузере открывается интерактивная 3D-сцена, где предмет по форме и текстуре узнаваемо похож на фото. Камера движется плавно, текстуры не проваливаются, геометрия не торчит сквозь саму себя. Если получилась плоская картинка или статичный рендер без анимации, явно попросите Three.js и сверку со снимком-образцом на каждом шаге.
Как это устроено
Three.js отвечает за 3D в браузере, а Claude пишет на нём программу, которая строит форму предмета и натягивает на неё текстуру. Skill рендерит модель, сравнивает снимок с вашим фото и правит форму и материалы, пока они не совпадут. Поэтому готовую сцену можно дорабатывать как обычный код: просить Claude поправить форму, свет или траекторию камеры.
Ссылки
- img2threejs: открытый skill для Claude Code, Codex и OpenCode, код и инструкция по установке. Бесплатно, лицензия Apache 2.0, 18,4 тыс. звёзд на GitHub.
- Демо-галерея img2threejs: примеры моделей, собранных по фото. Бесплатно, без регистрации.
- Claude: подписка и доступ к Claude. Pro от $20 в месяц или оплата по токенам через API.
Источник: Егор Кузьмин | Нейросети, Instagram (@egorkuzminxr).