От абстракции к физике: как это работает
Проект Anatomy (автор wheresryan22) — это «навык» (skill) для AI-агентов, который трансформирует текстовые описания идей в работающие интерактивные объекты. Вместо статичных диаграмм система создает изометрические модели, состоящие из десятков мелких деталей, где принцип работы механизма напрямую объясняет суть концепции.
Ключевая особенность — самовоспроизведение и проверка. AI не только генерирует код, но и «собирает» объект, проверяет его на коллизии (например, не проходят ли трубы сквозь другие детали) и валидирует логику через визуализацию. Все анимации и цифры на экране синхронизированы с внутренней моделью объекта.
Технический стек и возможности
Инструмент использует комбинацию технологий для создания «живых» иллюстраций. Он не требует внешних API-ключей или установки npm-пакетов, полагаясь на встроенные модули Node.js. Генерируемые страницы можно использовать как standalone HTML, SVG-файлы или React-компоненты.
| Тип визуализации | Технология | Пример использования |
|---|---|---|
| SVG (Базовый) | Изометрия, 4-тональное затенение, back-to-front rendering | Механические индикаторы, простые схемы |
| SVG + WebGL | Шейдеры для эффектов (огонь, вода, свет, тени) | Двигатель Raptor (выхлопные газы), Ripple Tank (оптика воды) |
| 3D (Beta) | True 3D-репроекция и перешейдинг ~90 частей в реальном времени | Вращающиеся диски, гибкие пальцы, падающие детали |
Примеры генерации
Система демонстрирует способность к сложному абстрактному мышлению. Например, концепция cache key (ключа кэша) представлена в виде замка с штифтами, который открывается только при совпадении всех элементов. А идея GPU context для нескольких канвасов визуализирована как ганtry-принтер с одной печатающей головкой, обслуживающей 16 ячеек.
Установка и интеграция
Anatomy поддерживает интеграцию с Claude Code, OpenCode и Codex. Установка осуществляется через CLI или git-клонирование в специфические директории (например, ~/.claude/skills/anatomy).
- Быстрый старт:
npx skills add wheresryan22/anatomy -g -a claude-code - Запрос:
/anatomy explain how a token bucket rate limiter works, interactive
Проект требует Node.js версии 22.20 или новее. Для Codex может потребоваться настройка sandbox-политик для запуска headless Chrome, используемого для проверки корректности сгенерированных моделей.
Источник: Github ↗