Repolode
Предложить
elvarofficial

elvarofficial/teardown

Навык для Claude Code, который создаёт интерактивный офлайн-симулятор любой разбираемой машины в виде одной HTML-страницы.

Открыть на GitHub
Звёзды
2,534
Форки
387
Открытые issues
0
Последний коммит
7 дней назад

Что это?

teardown — это навык для Claude Code, который объясняет, как устроена машина. По запросу, например, показать двигатель мотоцикла или механические часы, Claude создаёт 3D-сцену и упаковывает её в одну офлайн-страницу HTML. Машина работает в центре экрана, окружающие её панели показывают вычисляемые в реальном времени значения, а кнопка позволяет изолировать деталь, выполняющую основную работу.

Если не трогать страницу, она запустит встроенную экскурсию по машине. В репозитории также есть инструмент захвата, который рендерит экскурсию покадрово в видео mp4 с частотой 60 fps или в листы для просмотра со статичными изображениями, а также процедурная звуковая система, которая сводит аудио по временной шкале фильма.

В репозитории есть три готовых примера машин: четырёхтактный двигатель V8, основное шасси Cessna 337 и шагающий механизм Strandbeest SB-10. Для установки используется команда npx skills add, затем нужно один раз выполнить npm install и настроить Playwright Chromium. Требуется Node.js версии 20 или новее; для работы с видео и звуком нужны ffmpeg и Python 3.

Ключевые возможности

  • 01Создаёт интерактивную 3D-сцену машины в одном офлайн-файле HTML.
  • 02На окружающих панелях отображаются вычисляемые симуляцией значения в реальном времени.
  • 03Кнопка позволяет изолировать деталь, выполняющую основную работу, для подробного изучения.
  • 04Если страница бездействует, запускается автоматическая экскурсия по машине.
  • 05Рендерит экскурсию в видео mp4 с частотой 60 fps или в листы со статичными изображениями для просмотра.
  • 06Добавляет процедурный звук, сведённый до -14 LUFS по временной шкале фильма.

Сценарии использования

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

Быстрый старт

  1. 1

    Установите навык с помощью npx

    npx skills add elvarofficial/teardown -g -a claude-code
  2. 2

    В установленной папке установите зависимости и Chromium

    npm install && npx playwright install chromium
  3. 3

    Соберите пример симулятора (он открывается как одна HTML-страница)

    node sims/build.mjs v8-live

Что важно знать

  • Для создания новых симуляторов требуются Node.js версии 20 или новее и Claude Code.
  • Для вывода видео также нужен ffmpeg, а для генерации звука — Python 3.

В подборках

Инструменты, навыки и плагины для Claude CodeБиблиотеки навыков для ИИ-агентовОткрытые инструменты для обучения и образованияДиаграммы, графики и анимированная визуализация

Темы

#claude-code#agent-skill#3d-simulation#visualization#education#threejs#animation

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

Что такое teardown?
Навык для Claude Code, который создаёт интерактивный офлайн-симулятор любой разбираемой машины в виде одной HTML-страницы. teardown — это навык для Claude Code, который объясняет, как устроена машина. По запросу, например, показать двигатель мотоцикла или механические часы, Claude создаёт 3D-сцену и упаковывает её в одну офлайн-страницу HTML. Машина работает в центре экрана, окружающие её панели показывают вычисляемые в реальном времени значения, а кнопка позволяет изолировать деталь, выполняющую основную работу.
teardown можно использовать бесплатно? Какая у него лицензия?
teardown распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
teardown всё ещё поддерживается?
Активно поддерживается. Последний коммит в teardown — 31 окт. 2026 г..
Для чего можно использовать teardown?
Объяснять студентам или коллегам, как устроены двигатель, механизм или часы. Создавать короткое анимированное видео с разбором механической конструкции. Создавать интерактивную схему машины, которой можно поделиться и пользоваться офлайн.
Как установить teardown?
Установите навык с помощью npx: npx skills add elvarofficial/teardown -g -a claude-code В установленной папке установите зависимости и Chromium: npm install && npx playwright install chromium Соберите пример симулятора (он открывается как одна HTML-страница): node sims/build.mjs v8-live
Где скачать teardown?
Исходный код и инструкции по установке — на GitHub: https://github.com/elvarofficial/teardown

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты