Machine Skill

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

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

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

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

  • Скилл запускает Node-скрипты, Playwright с браузером и ffmpeg, а музыку может скачать по ссылке
  • Страницы загружают three.js с внешнего CDN при открытии
Все причины и проверки

airsuphq/machine-skill

Установка

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

npx skillfoxx add skills/machine-skill

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

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

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

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

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

  • Скилл запускает Node-скрипты, Playwright с браузером и ffmpeg, а музыку может скачать по ссылке
  • Страницы загружают three.js с внешнего CDN при открытии

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

Что делает

Machine Skill запускается командой /machine с названием устройства, например турбовентиляторного двигателя или часового механизма. Claude ищет реальные размеры и принцип работы, записывает их и собирает модель в three.js на одной HTML-странице. Страница открывается с диска, со статического сайта или во фрейме. У машины реальные пропорции в метрах, от 15 до 40 именованных деталей и тысячи твердых элементов вроде лопаток, зубьев и болтов. Для каждой машины Claude пишет небольшой решатель, и цифры на экране берутся из него. Модель можно разнести на детали, показать в разрезе с твердыми сечениями или в рентгене. Есть замедление, подписи и команда «сломать», которая показывает последствия отказа. Страница также ведет таймлайн для съемки, где время идет только по шагам рекордера. Скрипт record.mjs записывает из страницы фильм на 20–30 секунд с музыкой и размерами для ленты. Скрипт pinkscan.mjs проверяет готовые видео на пурпурные кадры, которые бывают при сбое GPU без экрана. В папке examples лежат четыре готовые страницы: турбовентилятор, ракетный двигатель, технологический насос и компрессор.

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

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

  • Нужно показать, как работает двигатель, насос или часовой механизм: страница с разрезом и подписями открывается в браузере
  • Для обучения персонала нужна модель технологического насоса с кривой, NPSH и утечкой уплотнения
  • Требуется ролик для ленты в формате 1080 на 1350 по готовой странице
  • Нужны статичные кадры для слайда: рекордер сохраняет выбранные секунды как картинки
  • Нужен встраиваемый блок для статьи: страница работает во фрейме и целиком в одном файле

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

  • Нужны люди, пейзажи или карты: у скилла они выходят слабее механизмов
  • Нужна CAD-модель для производства: геометрия процедурная и верна по пропорциям, но без производственных допусков
  • Нужен инженерный расчет: физика здесь небольшая модель без CFD и FEA, цифры сверены с публичными данными, но не сертифицированы
  • У вас слабая видеокарта: тяжелые страницы около 600 тысяч треугольников рассчитаны на современный ноутбук с настоящим GPU

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

/machine механические часы, показать работу спускового механизма

Ограничения

Страницам нужен браузер с WebGL 2: Chrome, Safari, Firefox или Edge на компьютере, на телефонах работает облегченная версия. Библиотека three.js 0.170 подгружается с закрепленного CDN jsDelivr, поэтому нужен доступ в интернет. Для съемки нужны Node 18 или новее, Playwright и ffmpeg: npm i -D playwright, затем npx playwright install chromium.

Скилл строит механизмы, двигатели, приборы и устройства. Физика на странице упрощенная: каждая страница сама пишет, что считает и что упрощает. Геометрия процедурная, без допусков производства. Музыку для фильма берут из файла, по ссылке или из каталога freepd, где треки лежат под лицензией CC0.

Как отключить. Удалите папку machine из ~/.claude/skills, если ставили глобально, или из .claude/skills проекта. Готовые страницы и фильмы остаются у вас там, куда агент их сохранил: HTML-файл открывается без скилла.

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

Как поставить Machine Skill в Claude Code?

Выполните npx skills add AirsupHQ/machine-skill -g -a claude-code. Скилл ляжет в ~/.claude/skills/machine. Для одного проекта уберите флаги -g и -a, тогда он появится в .claude/skills/machine. Затем введите /machine и название машины. Если папки skills в сессии не было, выполните /reload-skills.

Как записать видео из готовой страницы?

Командой node scripts/record.mjs examples/turbofan.html out/turbofan.mp4 --music freepd:Classical/Easy_Lemon. Для ленты добавьте --w 1080 --h 1350, для кадров — --stills 3,9,14,19. Флаг --ss 1.5 включает суперсэмплинг, --blur 2 добавляет размытие движения, --fps 60 нужен для быстрых деталей.

Откуда берутся цифры на экране?

Из небольшого решателя, который Claude пишет для каждой машины: цикл Брайтона для двигателя, камера и сопло для ракеты, кривые насоса, BMEP для поршневого двигателя. Раздел «How it is computed» на странице показывает уравнения. Цифры сверены с публичными данными, сертификации нет.

Работает ли скилл в Codex и Cursor?

Достаточно указать агенту на SKILL.md: остальное лежит обычными файлами. Для Claude.ai и Claude Desktop упакуйте папку в zip и загрузите в разделе Skills в настройках. Без агента можно скопировать kit/template.html и заполнить четыре раздела вручную.

Что значит «сломать» машину в модели?

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

Обсуждение

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

Скиллы

Скилл пересобирает объект с референсного изображения в процедурную 3D-модель Three.js, написанную кодом, а не скачанную

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

Скилл для промо-роликов и кинетической типографики: идея и раскадровка до сборки, рендер в MP4 через Chrome и ffmpeg, проверка шестью гейтами

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

Двенадцать скиллов, по которым агент собирает однофайловые HTML-анимации: слайды, схемы протоколов, архитектурные диаграммы и демо для записи экрана

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

Скилл рисует интерактивные изометрические иллюстрации в SVG: шейдеры WebGL, страница HTML или компонент React, идея объясняется работающим устройством

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

Скилл пишет промпты для генерации видео, картинок и музыки на 14 платформах и по желанию отправляет их в браузере

СкиллШирокий доступ265Звезды репозитория

Пятнадцать скиллов для Claude Code: запуск продукта, анимированные графики и рилсы целиком из кода, без After Effects

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

Сравнение с похожими

Записи с тем же главным запросом: чем они отличаются.

ЗаписьОфициальныйЗвезды репозиторияГлавное отличие
Machine Skill (эта запись)нет444
img2threejsнет19 722строит процедурную модель предмета по картинке-образцу; Machine Skill исследует устройство и считает его физику
Three.js Skillsнет3 808десять справочных скиллов по Three.js: сцена, материалы, свет, шейдеры; без готовых моделей машин и решателей

Коротко о README

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

Бейдж для README

Исходный SKILL.md

---
name: machine
description: Turn one line ("a turbofan jet engine", "a mechanical watch", "an LVAD heart pump") into a photoreal, physics based, interactive 3D simulation of that machine in a single HTML file, plus a 20 to 30 second film to post it. Real proportions in metres, real materials (PBR metals, paints, polymers, glass), studio lighting with soft shadows, moving parts driven by a small solver that computes real numbers (thrust, torque, rpm, flow, pressure, efficiency), and modes to explode it, cut it open with clean section caps, x-ray it, slow it down, label it and break it. Use this whenever someone asks to build, simulate, visualise, explain or "show how X works" for any machine, engine, mechanism, device, instrument or piece of hardware, wants an interactive 3D model or a cutaway, or wants a video of a machine for a post, even if they never say "simulation" or "three.js".
---

# Machine Skill

You build a machine the way a product studio photographs one and an engineer explains one: the real thing at its real size, in real materials, on a clean studio set, running on real equations. One line in, one HTML file out, and a film in one command.

The output is always:

1. `<name>.html`: a single self contained page (three.js 0.170 from jsDelivr, the kit inlined). It opens from disk, from any static host, or inside an iframe.
2. A film: `node scripts/record.mjs <name>.html out/<name>.mp4 --music freepd:<Category>/<Name>`.

Open `examples/` first. Every example was made from the one line at the top of its page. `examples/turbofan.html` is the reference: read it end to end before you write anything.

## The bar

Before you start, picture the frame a viewer sees after three seconds. It must already look like a studio product photograph of the real machine: correct silhouette and proportions, metal that reads as metal, a soft shadow on a paper floor, nothing floating, nothing clipping, nothing placeholder. Then it moves, and every number on screen is computed.

A result is not done while any of these is true:

- a part a mechanic would expect is missing (no fuel nozzles in a combustor, no escapement in a watch, no valves in an engine)
- something floats, intersects, or has a visible seam or gap at a joint
- a material looks like plastic when it should be metal, or everything is one grey
- a number on screen is typed in rather than computed by the solver
- the cutaway shows hollow shells instead of solid section faces
- the first frame of the film is not beautiful

## Workflow

### 1. Research the real machine (5 minutes, no code)

Write down, in a comment block at the top of the machine script, from what you know (and the web if you have it):

- **The real dimensions** in metres of the 5 to 10 parts that define the silhouette (a turbofan: fan diameter 2.85 m, length 4.9 m, nacelle max diameter 3.44 m).
- **The parts list** in assembly order, each with its material. Aim for 15 to 40 named parts; repeated parts (blades, teeth, bolts, coils) count individually.
- **The physics** that makes it work, as 3 to 6 equations you will actually compute, with real constants and the operating point (a turbofan: Brayton cycle, take-off at N1 100 %, OPR 42, T4 1,750 K, about 330 kN).
- **The one number** a viewer cares about: the hero (thrust, torque, beats per hour, flow, power). It gets a huge serif readout and a thin bar.
- **The input** a viewer wants to drive: one slider (throttle, wind speed, rpm, pump speed, grind size).

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

Foxx AIMachine Skill
Foxx AI

Я Foxx AI и уже разобрал этот инструмент. Спросите про установку, настройку или что угодно еще, отвечу простыми словами.