Teardown — скилл
Скилл Claude Code собирает офлайн-страницу с 3D-моделью механизма, которую можно разобрать, и записывает ролик по ней.
- 3 401 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Установка тянет npm-зависимости и скачивает Chromium, а скилл запускает сгенерированный код сборки и рендера.
Установка
- Работает в
В терминале, через 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-файле
Скилл Claude Code для видео из кода делит ролик на сцены и подбирает каждой свой движок, от Paper.js и Three.js до Manim.
Скилл собирает моушн-графику кодом: 21 готовый стиль, пять вопросов, три кадра на утверждение и рендер в MP4.
Шесть скиллов Claude Code делают анимацию для рилсов без съемки: график, маршрут на карте, разбор устройства, ролики с озвучкой
Скилл для Claude строит сюжетные анимации, которые код рисует в браузере по ходу показа: акварель, тушь, свиток, ночная книга.
Скилл строит любой предмет изометрической фигурой из сотен деталей и снимает по ней ролик с разбором на части
Коротко о README
README показывает три анимации-примера, команду установки, запросы на обычном языке и таблицу содержимого репозитория. Внизу перечислены источники кода и звуковых образцов.