Claude Code научился создавать интерактивные 3D-механизмы по текстовому описанию

Claude научился создавать интерактивные 3D-механизмы по текстовому описанию благодаря инструменту Anatomy с открытым исходным кодом. Он работает с Claude Code и позволяет превращать описание устройства или принципа его работы в техническую иллюстрацию с анимированными деталями, интерактивными элементами и связанными с моделью показателями приборов. Такой подход может упростить визуальное объяснение сложных инженерных процессов и создание наглядных материалов для обучения и веб-проектов.

Как работает Anatomy для Claude Code

Anatomy — инструмент, который помогает AI-агенту проектировать визуальные представления механических устройств на основе обычного текстового запроса. Пользователю достаточно описать, что нужно показать и как работает рассматриваемый механизм. Затем Claude создаёт конструкцию, рисует её отдельные компоненты и добавляет анимацию.

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

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

Три режима визуализации: SVG, WebGL и 3D

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

• SVG — изометрические иллюстрации с анимацией и интерактивными элементами. Такой формат подходит для наглядных схем, в которых важно показать расположение компонентов и их движение.
• WebGL — визуализации с эффектами огня, воды, плазмы, света и дыма. Этот режим позволяет нагляднее передавать процессы, для которых существенны визуальные эффекты окружающей среды.
• Настоящее 3D — модели с возможностью вращать отдельные детали в пространстве. Режим пока находится в бета-версии.

Выбор формата зависит от задачи. Для объяснения принципа работы механизма может быть достаточно изометрической SVG-схемы. Если необходимо продемонстрировать сложные визуальные процессы, пригодится WebGL. А трёхмерное представление даёт возможность рассматривать компоненты под разными углами.

При этом наличие анимации и интерактивности само по себе не гарантирует инженерной точности модели. Для использования результатов в технической документации или проектировании их следует проверять отдельно.

Экспорт в HTML, SVG и React

Созданные с помощью Anatomy визуализации можно экспортировать в HTML, SVG или React-компоненты. Это делает инструмент потенциально полезным не только для экспериментов с Claude Code, но и для разработки сайтов, обучающих материалов и интерактивных технических демонстраций.

Например, разработчик может использовать анимированную схему в веб-статье, преподаватель — показать устройство двигателя, а автор образовательного проекта — объяснить последовательность работы кофемашины через движение её компонентов.

Возможность экспорта позволяет переносить результаты за пределы среды, в которой они были созданы. Однако конкретные требования к интеграции и доработке зависят от выбранного формата и самого проекта.

Как установить Anatomy и посмотреть примеры

Инструмент распространяется под лицензией MIT, допускающей использование и изменение программного обеспечения в соответствии с условиями этой лицензии. Для установки в Claude Code достаточно выполнить команду:

`npx skills add wheresryan22/anatomy`

Перед использованием стоит ознакомиться с возможностями инструмента на странице интерактивной галереи Anatomy. В ней опубликованы 33 примера, которые можно попробовать непосредственно в браузере.

Исходный код доступен в репозитории Anatomy на GitHub. Это позволяет изучить реализацию инструмента и использовать его в собственных экспериментах с генерацией технических визуализаций.

Anatomy расширяет возможности Claude Code в области создания интерактивной графики: текстовое описание становится отправной точкой для визуального представления сложных устройств. Наиболее очевидная область применения — образовательные материалы, технические объяснения и веб-интерфейсы, в которых движение и взаимодействие с моделью помогают лучше понять принцип работы системы.