mermaid-skill

Скилл Claude Code строит диаграммы 23 типов по справочнику синтаксиса из репозитория и вызывается командой /mermaid.

  • 299 ★ репозитория
  • Последний коммит
  • MIT
Скилл

Минимальный доступ

Почему такой уровень

  • Скилл только пишет текст диаграмм и справочник, команд и сетевых вызовов не выполняет.
Все причины и проверки

wh-2099/mermaid-skill

Установка

Работает в

В терминале, через SkillFoxx CLI

npx skillfoxx add skills/mermaid-skill

Определит агенты на машине, покажет уровень доступа и зафиксирует версию.

Другие способы установки

Доступ и проверки

Как мы проверяем

Минимальный доступИнструмент ничего не запускает и не ходит в сеть.

  • Скилл только пишет текст диаграмм и справочник, команд и сетевых вызовов не выполняет.

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Скилл `mermaid` для Claude Code пишет диаграммы Mermaid по запросу вроде `/mermaid create a flowchart for user login process`. Поддерживаются 23 типа: блок-схемы, состояния, классы, ER, архитектура, последовательности, Gantt, временные шкалы, Git-графы, круговые и XY-диаграммы, Sankey, mindmap, канбан и ZenUML. В папке `references/` лежит справочник синтаксиса по каждому типу, агент сверяется с ним при построении. GitHub Action раз в неделю подтягивает документацию из официального репозитория mermaid-js/mermaid.

Для кого. Разработчикам и техническим писателям, которые просят Claude Code нарисовать схему процесса, базы данных или API прямо в репозитории.

Подходит, если

  • Для документации нужна блок-схема процесса входа пользователя.
  • Схему базы интернет-магазина рисуют как ER-диаграмму.
  • Порядок вызовов при авторизации в API объясняют диаграммой последовательности.
  • План проекта оформляют диаграммой Ганта в README.

Не подходит, если

  • Диаграмму надо сразу получить файлом SVG или PNG: в README рендеринг не описан.
  • Работа идет не в Claude Code: скилл рассчитан на команду `/mermaid` этого агента.
  • Синтаксис должен совпадать с самой свежей версией Mermaid: справочник обновляется раз в неделю.

Пример запроса к агенту

/mermaid draw a sequence diagram for API authentication

Ограничения

Скилл рассчитан на Claude Code и ставится копированием папки `.claude/skills/mermaid` в проект либо подмодулем git. Рендеринга в README нет: результат остается текстом Mermaid, и показывать его должен просмотрщик Markdown или другой инструмент. Справочник обновляется действием GitHub раз в неделю, поэтому между синхронизациями возможны расхождения с новой версией Mermaid. Последний коммит в репозитории сделан в августе 2026 года.

Как отключить. Удалите папку `.claude/skills/mermaid` из проекта. Если подключали подмодулем, уберите и его вместе с символической ссылкой.

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

Как вызвать скилл?

Введите в Claude Code `/mermaid` и опишите диаграмму, например `/mermaid ER diagram for an e-commerce database`.

Какие типы диаграмм поддерживаются?

Всего 23 типа. В README они сгруппированы по категориям: процессы, структура, время, данные, организация и технические вроде Packet и ZenUML.

Как подключить без копирования файлов?

Добавьте репозиторий подмодулем командой `git submodule add` в `.claude/skills/mermaid-skill` и создайте символическую ссылку на `mermaid-skill/.claude/skills/mermaid`.

Откуда берется справочник?

GitHub Action раз в неделю синхронизирует документацию из репозитория mermaid-js/mermaid.

Нужно ли что-то ставить кроме папки?

Нет. По README хватает папки `.claude/skills/mermaid` в проекте, отдельные пакеты не упомянуты.

Обсуждение

Вопросов и отзывов пока нет.

Скиллы

Скилл генерирует и рендерит диаграммы Mermaid как SVG, PNG или ASCII: 15 тем и несколько типов диаграмм, локально без браузера

СкиллРасширенный доступ1,6 тыс.Звезды репозитория

Oh-my-mermaid

oh-my-mermaid

Превращает кодовую базу в схемы архитектуры Mermaid для Claude Code: команда /omm-scan и просмотр omm view. README на пяти языках

СкиллРасширенный доступ3,4 тыс.Звезды репозитория

Скилл рисует кликабельную схему Mermaid в HTML: как устроены фича, поток данных или таблицы базы, с кодом по узлам

СкиллРасширенный доступ149Звезды репозитория

Коллекция скиллов Mindrally

Claude Code Skills Collection

Более двухсот скиллов с правилами кода под фреймворки и языки, переделанных из Cursor rules в формат SKILL.md

СкиллМинимальный доступ297Звезды репозитория

HumanLayer Skills

HumanLayer skills

Семь скиллов HumanLayer для Claude Code и Codex: цикл исследования, дизайна и реализации rpi, визуальные PR, правка CLAUDE.md и агентные циклы

СкиллРасширенный доступ5,6 тыс.Звезды репозитория

Claude Code Skills and Agents

Claude Code Skills & Agents

Плагин Claude Code с набором скиллов и субагентов: глубокое исследование, генерация картинок, работа с GitHub, разбор кода и переключение моделей

ПлагинШирокий доступ1,7 тыс.Звезды репозитория

Сравнение с похожими

Карточки с тем же главным запросом: чем они отличаются.

ИнструментОфициальныйАвторизацияЗвезды репозиторияГлавное отличие
mermaid-skill (эта карточка)нет299
Pretty Mermaidнет1 565рендерит диаграммы в SVG, PNG и ASCII с темами; mermaid-skill дает справочник синтаксиса на 23 типа
MCP Mermaidнетне нужна647MCP-сервер с проверкой синтаксиса и экспортом; mermaid-skill работает как скилл без сервера

Коротко о README

Установка копированием папки или подмодулем, вызов командой `/mermaid`, список типов в таблице по категориям.

Бейдж для README

Сообщить о проблеме

Foxx AImermaid-skill
Foxx AI

Я Foxx AI и уже разобрал этот инструмент. Спросите про установку, настройку или что угодно еще, отвечу простыми словами.