anatomy.mdПубличныйv1.1.0

Anatomy

Интерактивные SVG-схемы как настоящие механизмы

О скиле

Объясняет техническую идею через рисунок настоящего механизма: Claude придумывает физический объект, устройство которого и есть ваша концепция (кэш становится замком со штифтами), и собирает его как интерактивную изометрическую SVG-картинку из десятков деталей с тенями и движением. Подходит для документации, страниц продукта, статей и презентаций. Работает на встроенных модулях Node.js, без ключей и npm install. Если вы техписатель, получите иллюстрации уровня хорошего журнала. Если вайб-кодер, объясните продукт одной картинкой. Работает с Claude Code, Codex и OpenCode.

Об источнике

Автор скила — wheresryan22. Распространяется под лицензией MIT. Актуальная версия — v1.1.0. Открыть репозиторий.

Как установить

  1. Нужен Node.js 20.10 или новее и установленный Chrome (скил проверяет свои картинки в браузере). Ключи API не нужны, npm install тоже.

  2. Установи скил одной командой в терминале: npx skills add wheresryan22/anatomy -g Установщик спросит, для каких агентов ставить: выбери Claude Code (или добавь флаг -a claude-code).

  3. Перезапусти Claude Code и попроси схему: /anatomy explain how a token bucket rate limiter works, interactive

  4. Если нужна ручная установка: git clone https://github.com/wheresryan22/anatomy ~/.claude/skills/anatomy.

Установка

Не уверены, куда положить .md-файл? как установить скилл в Claude Code — пошаговый гайд.

telegram

Разбираю скилы вроде этого и близкие по теме «Документация»: где брать, как собирать и применять их на практике.

  • бесплатно
  • то, чем сам пользуюсь
  • новые скилы и разборы каждую неделю
Подписаться в Telegram
// продолжай по той же профессии или категории
// как применять скилы Claude Code на практике
Вся тема «Тексты и контент нейросетями»: 50 гайдов
Непонятные термины? Загляни в «Понятия» — словарь ИИ

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

Что такое скил «Anatomy»?
«Anatomy» — готовый Agent Skill для Claude Code и Cursor. Это .md-файл с системным промптом, который подключается одним файлом и расширяет возможности AI-редактора в задачах Вайбкодинг. Категория инструмента: Документация, Контент и медиа, Инструменты. Чаще всего пригождается профессиям: Разработка и программирование, Документация и техническое письмо, Дизайн и UX/UI. Ключевые темы скила: claude-code, svg, diagrams, visualization, explainer, codex.
Как установить скил «Anatomy» в Claude Code?
Скачайте .md-файл скила «Anatomy» на этой странице и положите его в папку ~/.claude/skills/ вашего проекта. Перезапустите Claude Code — скил подхватится автоматически. Для Cursor и Windsurf скопируйте содержимое .md-файла в системный промпт проекта (Settings → Rules). Исходный код скила открыт в репозитории github.com/wheresryan22/anatomy.
Бесплатен ли скил «Anatomy»?
Да, скил «Anatomy» доступен бесплатно для всех пользователей без регистрации — скачайте .md-файл прямо на этой странице. Автор скила — wheresryan22, распространяется под лицензией MIT.

Больше вопросов про Agent Skills — общий FAQ маркетплейса