3 скилла для Claude Code: интерактивная 3D-машина, схема по биологии и пиксельный пролёт по маршруту

3 скилла для Claude Code: интерактивная 3D-машина, схема по биологии и пиксельный пролёт по маршруту

Каждый ставится одной командой и выдаёт готовую страницу; звёзды и цены — на 21 октября 2026 года.

1. machine-skill — рабочая 3D-модель механизма

Скилл machine-skill (348 звёзд, лицензия MIT) строит по описанию в одну строку интерактивную 3D-страницу механизма: один HTML-файл на three.js, без сборки. Внутри — упрощённый физический движок под конкретную машину. Страница умеет разбирать модель на детали, показывать разрез и рентген, подписывать узлы и «ломать» механизм.

Установить (npx — запуск пакета из Node.js без ручной загрузки): npx skills add AirsupHQ/machine-skill -g -a claude-code. Запустить в Claude Code: /machine a hydroelectric Francis turbine.

Для записи 28-секундного ролика нужны Node 18+, Playwright и ffmpeg; для просмотра страницы — браузер с WebGL 2. Ограничения из README: физика упрощённая (не CFD и не FEA), геометрия процедурная, а не CAD-точная. Лучше всего скилл справляется с механизмами, двигателями и устройствами.

Источник: репозиторий machine-skill на GitHub
Источник: репозиторий machine-skill на GitHub

2. anima — интерактивная схема по биологии

Anima (226 звёзд, MIT) превращает запрос по биологии в отдельную HTML-страницу: настоящие структуры, переключаемый механизм, показания небольшой модели и ссылка на источник у каждой цифры. В галерее на anima.arcumet.com — рецепторы дофамина, семаглутид на бета-клетке, миелинизированный нейрон, росток, изгибающийся к свету.

Установить: npx skills add Garinmckayl/anima -g -a claude-code. Нужны Claude Code и Node.js 20.10 или новее; Chrome или Chromium — только для скриптов съёмки и проверки. Фигуры выходят в тёмной и светлой темах, с подсказкой на каждую деталь, паузой и списком упрощений.

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

Источник: репозиторий anima на GitHub
Источник: репозиторий anima на GitHub

3. pixel-path — пиксельный пролёт по реальной дороге

Pixel Path (240 звёзд, код под MIT) берёт два места и строит пиксель-арт-прокрутку маршрута. Здания, рельеф и городские ориентиры берутся из OpenStreetMap и данных о высотах, картинки рисует сервис RetroDiffusion, а скилл сам сверяет результат по скриншотам. На выходе папка с index.html, которую открывают через любой статический сервер.

Установить в Claude Code как плагин: /plugin marketplace add jonwheatley/pixel-path, затем /plugin install pixel-path@pixel-path. Запрос: «make me a pixel path from Paris to Versailles». Нужен Node 18+; сборка маршрута занимает 20–60 секунд на 10 км.

Платная часть — арт. Картинка стоит $0,18, цена зависит от числа регионов, а не от длины пути. По таблице README, один регион стоит $0,72 на уровне «sparse» (4 картинки), $3,24 на «moderate» и $6,48 на «detailed». Заглушки вместо арта бесплатны. Для платного арта нужен аккаунт RetroDiffusion и ключ в переменной RETRODIFFUSION_API_KEY; README советует закладывать ещё около 25% на перерисовку.

Источник: репозиторий pixel-path на GitHub
Источник: репозиторий pixel-path на GitHub

Что для чего

  • machine-skill: объяснить устройство механизма, сделать ролик с моделью.
  • anima: учебная интерактивная схема с источниками у цифр.
  • pixel-path: оформить поездку или маршрут в виде пиксельной страницы; арт платный, от $0,72 за регион.

Промпты, инструменты и уроки по Claude — в Telegram-боте «Базы без воды».

44