Pretty Mermaid

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

Скилл

Средний риск

Средний уровень ставим, когда инструмент запускает код, ходит в сеть или читает файлы проекта. Перед установкой посмотрите, что именно он делает.

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

  • Скилл запускает локальный CLI и записывает файлы исходников и картинок
Все причины и проверки

imxv/pretty-mermaid-skills

Установка

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

npx skillfoxx add skills/pretty-mermaid

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

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

Выполните в терминале в папке проекта

npx skills add imxv/pretty-mermaid-skills --skill pretty-mermaid -a claude-code -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Выполните в терминале в папке проекта

npx skills add imxv/pretty-mermaid-skills --skill pretty-mermaid -a cursor -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Выполните в терминале в папке проекта

npx skills add imxv/pretty-mermaid-skills --skill pretty-mermaid -a github-copilot -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Выполните в терминале в папке проекта

npx skills add imxv/pretty-mermaid-skills --skill pretty-mermaid -a codex -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Выполните в терминале в папке проекта

npx skills add imxv/pretty-mermaid-skills --skill pretty-mermaid -a gemini-cli -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Выполните в терминале в папке проекта

npx skills add imxv/pretty-mermaid-skills --skill pretty-mermaid -a cline -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Выполните в терминале в папке проекта

npx skills add imxv/pretty-mermaid-skills --skill pretty-mermaid -a roo -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Форк Roo Code, папки .roo те же.

Выполните в терминале в папке проекта

npx skills add imxv/pretty-mermaid-skills --skill pretty-mermaid -a opencode -y

Утилита skills ставит текущую версию из репозитория. Чтобы скилл работал во всех проектах, добавьте флаг -g.

Понадобится: Node.js

Сверено с репозиторием 25 сент. 2026, коммит e234ab7.

Текст для агента

Установи скилл: npx skills add imxv/pretty-mermaid-skills@pretty-mermaid -g -y, затем проси нарисовать или отрендерить диаграмму Mermaid.

Другие способы из описания автора
npx skills add imxv/pretty-mermaid-skills@pretty-mermaid -g -y

Нужен Node.js, встроенный CLI ставится вместе со скиллом.

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

Что делает

Скилл берет код Mermaid или текстовое описание и превращает его в аккуратную диаграмму. Он выбирает тип диаграммы и формат вывода, сохраняет исходник как .mmd и рендерит через встроенный CLI на Node.js. Поддерживаются SVG для документации, PNG для обмена и ASCII или Unicode для терминала и чатов. Рендеринг идет локально, без браузера и DOM, с набором готовых тем и своими цветами.

Для кого. Для разработчиков и технических писателей, которым нужны диаграммы в документации, README и pull request.

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

  • Есть код Mermaid или .mmd, нужен красивый рендер
  • Нужна схема архитектуры или процесса из текстового описания
  • Нужна диаграмма для терминала или чата в виде ASCII

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

  • Нужна интерактивная графика или сложный дизайн, выходящий за рамки Mermaid
  • Нужен редактор диаграмм с ручным перетаскиванием

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

Нарисуй схему этого процесса диаграммой Mermaid и отдай SVG с темой потемнее

Ограничения

Скилл работает с типами диаграмм и синтаксисом Mermaid, за их пределы он не выходит. Для рендеринга нужен Node.js, встроенный CLI ставится вместе со скиллом. Число тем и типов диаграмм ограничено набором в репозитории.

Как отключить. Удалите скилл через npx skills remove или снесите его папку из каталога скиллов агента.

Проверка безопасности

  • Скилл запускает локальный CLI и записывает файлы исходников и картинок

Коротко о README

README описывает скилл для генерации и рендеринга диаграмм Mermaid через встроенный CLI на Node.js. Скилл выбирает тип диаграммы и формат, сохраняет исходник как .mmd и выдает SVG, PNG или ASCII с набором тем. Все работает локально, без браузера. Скилл ставится установщиком skills и подходит для Claude Code, Cursor, Codex, Gemini CLI и других агентов. Лицензия MIT.

SKILL.md

---
name: pretty-mermaid
description: |
  Generate and render Mermaid diagrams for architecture docs, READMEs, PRs,
  terminals, chats, and CI as themed SVG, PNG, or ASCII/Unicode art. Use whenever
  the user provides Mermaid code or .mmd files; asks for a flowchart,
  sequence/state/class diagram, ERD, or architecture/workflow visualization.
  Runs locally without a browser or DOM, with 15 built-in themes and custom colors.
---

# Pretty Mermaid

Create or render Mermaid diagrams with the bundled Node.js CLI. Use SVG for scalable documentation, PNG for sharing, and ASCII or Unicode for terminals and plain text.

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

Нужен ли браузер для рендера?

Нет, встроенный CLI рендерит локально на Node.js без браузера и DOM.

Какие форматы на выходе?

SVG для документации, PNG для обмена, а также ASCII или Unicode для терминала и текстовых чатов.

Выбор редакции

Набор скиллов, который задает агенту процесс разработки: уточнение задачи, план, TDD, субагенты и ревью кода

ПлагинСредний рискБез VPN292,5 тыс.Звезды репозитория
Выбор редакции

Небольшие компонуемые скиллы для инженерной работы с агентом: интервью по плану, TDD, диагностика багов, ревью и архитектура

СкиллНизкий риск271,4 тыс.Звезды репозитория
Выбор редакции

Набор GitHub для разработки от спецификации: CLI specify ставит в проект команды и скиллы для агента, от принципов до реализации

CLIСредний рискБез VPN139,3 тыс.Звезды репозитория

Референсные MCP-серверы

Model Context Protocol servers

Официальный

Официальные референсные MCP-серверы: Filesystem, Fetch, Git, Memory, Sequential Thinking, Time и Everything

MCP-серверСредний риск90,6 тыс.Звезды репозитория
Foxx AIPretty Mermaid

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