RepoRadar Anatomy: создание интерактивных изометрических иллюстраций машин и систем
Anatomy — это инструмент для создания детализированных интерактивных изометрических иллюстраций реальных машин и сложных систем. Он помогает визуализировать идеи, превращая их в рабочие объекты через генерацию полированных SVG-документов с возможностью добавления WebGL шейдеров и 3D-эффектов.
Проект может пригодиться разработчикам, дизайнерам и ученым, которые хотят наглядно представить свои концепции и механизмы, используя современные технологии графики. Его основное отличие от стандартных графических библиотек — это возможность создания обучающих моделей, которые не только выглядят профессионально, но и содержат интерактивные элементы.
Для запуска потребуется Node версии 20.10 или позже, а также доступ к Claude и OpenCode. Проект не имеет зависимостей, что упрощает настройку. Учитывай, что это всё еще на ранней стадии развития, поэтому могут быть недоработки.
Анатомия — это инструмент, который позволяет объяснять сложные идеи, создавая физические объекты с помощью SVG, WebGL и 3D. Он может использоваться в Claude Code, OpenCode и Codex, обеспечивая интерактивные изометрические фигуры с множеством деталей.
Обзор
Проект позволяет генерировать трех видов иллюстрации:
- SVG: основные два-мерные фигуры с подробностями, выполненные с четырьмя оттенками.
- SVG + WebGL: позволяет добавлять эффекты, такие как огонь и свет, при этом SVG сохраняет свою читаемость.
- 3D (бета): для объектов с подвижными частями, таких как вращающиеся схемы или элементы, которые могут отделяться.
Установка
Чтобы установить Anatomy, воспользуйся командой:
npx skills add wheresryan22/anatomy -g -a claude-codeМожно установить также с помощью Git или скачать архив. Основные структуры директории уже подготавливают все необходимые файлы и документацию.
Использование
После установки ты можешь запустить команду, чтобы попросить создать фигуру:
/anatomy explain how a token bucket rate limiter works, interactiveАнатомия сама придумает объект, который объясняет запрашиваемую концепцию, создавая его с помощью множества мелких деталей.
Требования
- Необходима установлена версия Node.js 20.10 или выше.
- Для некоторых функций требуется Chrome или Chromium.
- Если работаешь с React, нужно иметь версию 18 или выше.
Ограничения
У проекта есть свои ограничения:
- Не является библиотекой для построения графиков — не поддерживает оси и серии данных.
- Создаёт только механизмы, инструменты и мебель, не подходит для создания рисунков людей или карт.
- Работа с 3D фигурами требует больше времени из-за процессинга и аудита.
- Бета-версия 3D режима не гарантирует стабильность, особенно на устройствах с низкими характеристиками.
В целом, если тебе нужно создать интерактивные объяснения с помощью точных и детализированных моделей, Anatomy может стать полезным инструментом для реализации этих задач.
Открыть на GitHub: wheresryan22/anatomy →
