Собери 3D-модель двигателя по фото в Claude Code

Что получится

Ты соберёшь страницу с работающей 3D-моделью двигателя: в ней ходят поршни, газ меняет обороты, а кнопка «Разрез» открывает цилиндр со вспышкой сгорания. Страница открывается в браузере без интернета, вокруг модели расположены панели с числами. Собирает её Teardown - бесплатный навык для Claude Code, то есть набор инструкций и программ, по которым помощник строит такие модели.

Быстрый путь

Навык ещё не стоит - сначала пройди шаги 1-3 ниже. Если стоит, перетащи файл фотографии двигателя в окно Claude Code и вставь запрос:

Собери навыком Teardown интерактивный 3D-мотор мотоцикла по фотографии, которую я приложил: рядная четвёрка. Возьми настоящие числа этого мотора - диаметр цилиндра, ход поршня, порядок работы цилиндров - и для каждого назови источник; чего не нашёл, так и скажи. Вокруг мотора панели: обороты, давление в цилиндре по углу вала. Кнопка разреза цилиндра со вспышкой сгорания, выбор цилиндра, ползунок газа, авто-тур с курсором.

Если твой мотор не мотоциклетный или не рядная четвёрка (четыре цилиндра подряд), замени эти слова в запросе на свои. Не знаешь устройство - убери эти слова и попроси Claude определить его по фото.

Проверили: на Mac прочли код закреплённой версии и собрали с навыком модели двигателя по фото и часов в несколько кругов правок - запросы ниже - сжатая версия наших, к ним мы добавили просьбу назвать источник каждого числа; 03.11.2026 git clone и git checkout дали тот же код. В своей копии навыка мы сделали две правки: защиту от стирания папок и строку для записи видео на Mac, обе описаны в открытых задачах репозитория. Не проверили: установку этими командами в папку навыков с нуля, npm ci на чистом компьютере, содержимое пакетов npm, пример про экскаватор, Windows, Linux и будущие правки автора.

Что нужно и сколько стоит

Сам навык бесплатный. По твоей просьбе навык собирает машину или механизм на одной HTML-странице - файле для браузера. Кроме модели и панелей, он умеет делать авто-тур, автоматический показ модели, и записывать видео.

Claude Code - ИИ-помощник для работы с кодом в терминале, окне для команд. Он входит во все платные тарифы Claude. Pro стоит $20 в месяц при помесячной оплате, без налогов. Цены могут меняться: перед оплатой сверь цену на странице Claude.

Нужен компьютер с Node.js версии 20 или новее и git. Node.js запускает программы навыка, git скачивает код с GitHub. Для записи видео потребуется ffmpeg - программа для работы с видео, для звука - Python 3. Проверить, стоят ли Node.js и git, можно в терминале: каждая команда напечатает номер версии.

node -v
git --version

Node.js скачивается с официального сайта nodejs.org.

Прежде чем ставить

Это чужой навык. Его репозиторий, папка проекта на GitHub, и аккаунт автора созданы в конце октября 2026 года, за несколько дней до нашей проверки. У автора один репозиторий. На дату проверки у проекта было около 1,5 тысячи звёзд - отметок интереса пользователей. Для такого возраста это много; как звёзды набирались по времени и все ли они настоящие, мы не проверяли.

Мы прочли код версии a91262ac. Скрытых команд, отправки данных наружу, чтения ключей и вредных сторонних действий не нашли. Содержимое пакетов npm, которые навык скачивает при установке, и будущие правки автора мы не проверяли.

Поэтому ниже скачиваем закреплённую версию. Команда npx skills add … -g из README, файла описания проекта, берёт текущий код автора, а автор может поменять его в любой момент.

• Перед запуском команд Claude Code обычно спрашивает разрешение. Если в команде есть sheet.mjs и --name, отвечай «нет»: такая команда может стереть папки, это описано в открытой задаче №5. Без --name она стирает только свои служебные картинки с кадрами.
• Открывай страницы моделей, которые собрал сам. Хвост ?config= в адресе подставляет в страницу чужие настройки, поэтому присланные из интернета ссылки с ним не открывай.
• Работай в отдельной папке, например teardown-work в домашней папке, а не в папке своих проектов.

Мы проверяли только Mac; Windows и Linux не проверяли. Команды ниже скачивают закреплённую версию автора, без наших двух правок. Наши правки сборку страницы не затрагивают: одна нужна для записи видео на Mac, другая защищает команду sheet.mjs.

С телефона

С телефона можно прочитать эту страницу и открыть репозиторий. Навык ставится на компьютер; продолжай установку с него.

Шаг 1 Сверь версию навыка на GitHub

Где: браузер. Открой страницу Teardown и найди a91262a рядом с последним изменением. Это короткий номер коммита - сохранённой версии кода.

Справа в строке последнего изменения найди a91262a. Снимок с github.com.

Должно получиться: ты видишь номер версии и можешь сравнить его с указанным здесь.

Если не получилось: другой номер означает, что автор выпустил новую версию. Шаг 2 всё равно поставит ту версию, код которой прочли мы.

Шаг 2 Скачай навык закреплённой версией

Где: терминал. Вставь команды:

git clone https://github.com/elvarofficial/teardown.git ~/.claude/skills/teardown
cd ~/.claude/skills/teardown
git checkout a91262ac
git rev-parse --short=8 HEAD

По документации Claude Code личные навыки лежат в папке ~/.claude/skills. Знак ~ обозначает твою домашнюю папку.

Должно получиться: последняя команда напечатает a91262ac. Сообщение detached HEAD нормально: git сообщает, что выбрана конкретная версия кода.

Если не получилось: сообщение об отсутствии git означает, что его нужно установить. destination path already exists означает, что папка уже существует: возможно, навык стоял раньше. Сначала разберись со старой папкой: попроси Claude проверить её содержимое без изменений. До проверки ничего не удаляй.

Шаг 3 Поставь то, что нужно навыку

Где: терминал. Выполни:

cd ~/.claude/skills/teardown
npm ci
npx playwright install chromium

Первая команда устанавливает программы навыка строго тех версий, что записаны в файле. Вторая скачивает Chromium - браузер для съёмки кадров модели.

Должно получиться: обе команды завершаются без ошибок установки. Если Claude Code был открыт, закрой его: новый навык он увидит после запуска в шаге 5.

Если не получилось: сообщение command not found: npm означает, что Node.js не установлен. Установи Node.js версии 20 или новее и повтори шаг.

Шаг 4 Найди фото машины со свободной лицензией

Дай Claude фотографию настоящей машины. На Wikimedia Commons ищи изображение с лицензией CC0 или пометкой public domain: такие фотографии можно свободно использовать.

Мы взяли фото мотора Honda CB750 K2 1973 года выпуска. Автор фотографии - Tim S Nhoj, лицензия CC0. Скачай фото к себе на компьютер.

Сравни выпускные трубы и рёбра цилиндров на модели и на фото. Справа - часть фото Tim S Nhoj, CC0, commons.wikimedia.org.

Должно получиться: у тебя сохранён файл фотографии и есть ссылка на его страницу с лицензией.

Шаг 5 Дай Claude фото и запрос

Где: терминал. Эти команды создают отдельную рабочую папку и запускают Claude Code внутри неё:

mkdir -p ~/teardown-work
cd ~/teardown-work
claude

Перетащи файл фотографии в окно Claude Code, затем вставь запрос про мотор из раздела «Быстрый путь». На нашем фото рядная четвёрка, поэтому эти слова стоят в запросе. Работа займёт время. В наших примерах Claude несколько раз снимал кадры, смотрел результат и правил модель. С первой вставки такого результата может не быть.

В запросах мы просим назвать источник каждого числа: смотри, что ответит Claude. У нас Claude брал числа из открытых источников и сам перечислил то, что подобрал на глаз. Порядок работы цилиндров задали мы; для нашего двигателя он в источниках не подтвердился.

Должно получиться: Claude собрал страницу с моделью.

Если не получилось: Claude не знает навык - перезапусти Claude Code. Двигатель мало похож на фотографию - укажи конкретную деталь для исправления.

Шаг 6 Открой страницу с моделью

В рабочей папке teardown-work из шага 5 открой teardown-out/dist. Найди файл .html и открой его двойным щелчком в браузере.

Наверху обороты и давление в цилиндре, внизу график давления, выбор цилиндра, кнопка «Разрез» и ползунок газа. Кадр нашей модели.

У нашей модели мотора, рядной четвёрки, есть обороты, выбор цилиндра и ползунок газа. Панель показывает давление в цилиндре по углу поворота вала. У нас Claude посчитал его по упрощённой модели сжатия и сгорания и перечислил допущения, которые взял сам.

После «Разрез» цилиндры открыты: внутри поршни и вспышка сгорания. Кадр нашей модели.

Нажми «Разрез»: кнопка открывает цилиндр со вспышкой сгорания. Если ничего не трогать, авто-тур сам показывает модель.

Должно получиться: страница открывается без интернета, модель движется, элементы управления отвечают.

Ещё запросы

У нас получились механические часы с балансом - колесом, которое качается туда и обратно и отмеряет время, - зубчатыми колёсами, стрелками и кнопкой «Спуск», которая подсвечивает узел, отпускающий колёса. Как и с мотором, может понадобиться несколько кругов правок.

Собери навыком Teardown интерактивные 3D механические часы: баланс, спуск, зубчатая передача с реальными числами зубьев, стрелки от одного входа, подсветка спуска. Для каждого числа назови источник; если чисел конкретного механизма не нашёл, так и скажи.

Наверху частота баланса и время на стрелках, в середине колёса и баланс, внизу угол баланса и кнопка «Спуск». Кадр нашей модели.

Числа зубьев конкретных часов Claude не нашёл и подобрал их под точные передаточные числа - соотношения скоростей вращения колёс. Сверяй его объяснения и источники.

Пример из README автора, мы его не запускали: запрос про экскаватор приведён дословно, по-русски он значит «разбери гидравлическую руку экскаватора и запиши 20-секундное видео».

Make a teardown of a hydraulic excavator arm and record a 20-second video of it.

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

Итоговая проверка

Страница открывается, модель движется, кнопки работают. Claude назвал источники чисел и объяснил, какие значения подобрал. Сверь эти пояснения с источниками.

Если не получилось

Запись видео на Mac зависла - открой задачу №4, где описана правка одной строки в файле paths.mjs в папке навыка. Мы её ставили у себя; меняй эту строку сам и только при такой поломке. Сама страница работает и без неё.

Claude сам предлагает поменять файлы в папке навыка или запустить sheet.mjs с --name - откажи.

Модель выглядит игрушечной - дай фото и попроси сверить с ним пропорции, расположение деталей и их форму. Назови то, что заметнее всего отличается.

Все инструкции