Teardown — скилл

Скилл Claude Code собирает офлайн-страницу с 3D-моделью механизма, которую можно разобрать, и записывает ролик по ней.

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

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

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

  • Установка тянет npm-зависимости и скачивает Chromium, а скилл запускает сгенерированный код сборки и рендера.
Все причины и проверки

elvarofficial/teardown

Установка

Работает в

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

npx skillfoxx add skills/teardown

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

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

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

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

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

  • Установка тянет npm-зависимости и скачивает Chromium, а скилл запускает сгенерированный код сборки и рендера.

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

Что делает

По вопросу вроде «как устроены механические часы» Claude строит одну HTML-страницу без сети. В центре работает модель машины, вокруг панели с реальными числами, кнопка открывает нужную деталь, а без касаний страница сама проводит экскурсию. В репозитории три готовые машины: V8, Cessna и Strandbeest. `sims/build.mjs` собирает машину в один HTML-файл с вшитыми three.js и шрифтами, `sims/capture.mjs` рендерит ролик в 60 кадров в секунду. Звук делает `run_sfx.py` по таймлайну ролика.

Для кого. Преподавателям, инженерам и авторам объяснительных материалов, которым нужна интерактивная 3D-модель устройства вместо схемы.

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

  • Объяснение работы двигателя или часов лучше показать моделью, чем рисунком.
  • К лекции нужна страница, которая открывается без интернета.
  • Для публикации требуется ролик с экскурсией по машине.
  • Нужно посмотреть готовые примеры V8, Cessna или Strandbeest.

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

  • Нужна точная инженерная симуляция, а не наглядная модель.
  • Node.js 20 и Playwright на машине не поставить.
  • Требуется готовый CAD-файл для производства.

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

Собери симулятор четырехтактного мотоциклетного двигателя, который можно разобрать, и запиши ролик на 20 секунд.

Ограничения

После установки скилла один раз выполняют `npm install && npx playwright install chromium`, нужен Node.js 20 или новее. Для видео нужен `ffmpeg`, для звука Python 3. Модель строит сам Claude, поэтому точность деталей зависит от запроса и проверки человеком. Проект опирается на claude-motion, образцы звука взяты с Freesound под CC0. Chromium и зависимости занимают заметное место на диске, а сборка и рендер ролика нагружают процессор и видеокарту. Готовая страница открывается офлайн, но время на видео уходит ощутимое.

Как отключить. Удалите папку скилла из каталога скиллов Claude Code (установка шла с флагом `-g`, то есть глобально). Папку с `node_modules` и скачанным Chromium можно стереть отдельно.

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

Какие примеры есть в комплекте?

Три машины: `v8-live`, `cessna-live` и `strandbeest-live`. Каждую собирает `node sims/build.mjs`, результат появляется в `teardown-out/dist`.

Что нужно для видео и звука?

`ffmpeg` для ролика в 60 кадров в секунду и Python 3 для звука. Громкость доводится до -14 LUFS.

Как работает страница?

Модель крутится в центре, панели читают числа из симуляции, кнопки открывают детали. Если ничего не трогать, страница включает экскурсию.

Какая лицензия?

MIT. Образцы звука взяты с Freesound под CC0, источники перечислены в `sfx/samples/SOURCES.md`.

Откуда взяты рантайм и правила?

От проекта whaleyxbt/claude-motion (MIT): рантайм, захват кадров, звуковой движок и правила проверки. Образцы подготовил Barty-Bart/motion-graphics.

Обсуждение

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

Скиллы

Одна строка с названием машины, и Claude Code собирает интерактивную 3D-модель с физикой в одном HTML-файле

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

Скилл Claude Code для видео из кода делит ролик на сцены и подбирает каждой свой движок, от Paper.js и Three.js до Manim.

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

Скилл собирает моушн-графику кодом: 21 готовый стиль, пять вопросов, три кадра на утверждение и рендер в MP4.

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

Шесть скиллов Claude Code делают анимацию для рилсов без съемки: график, маршрут на карте, разбор устройства, ролики с озвучкой

ПлагинРасширенный доступ709Звезды репозитория

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

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

Скилл строит любой предмет изометрической фигурой из сотен деталей и снимает по ней ролик с разбором на части

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

Коротко о README

README показывает три анимации-примера, команду установки, запросы на обычном языке и таблицу содержимого репозитория. Внизу перечислены источники кода и звуковых образцов.

Бейдж для README

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