Pretty Mermaid
Скилл генерирует и рендерит диаграммы Mermaid как SVG, PNG или ASCII: 15 тем и несколько типов диаграмм, локально без браузера
Средний риск
Средний уровень ставим, когда инструмент запускает код, ходит в сеть или читает файлы проекта. Перед установкой посмотрите, что именно он делает.
Почему такой уровень
- Скилл запускает локальный CLI и записывает файлы исходников и картинок
Установка
В терминале, через 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.
Установи скилл: 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, субагенты и ревью кода
Скиллы Мэтта Покока для инженеров
Skills For Real Engineers
Небольшие компонуемые скиллы для инженерной работы с агентом: интервью по плану, TDD, диагностика багов, ревью и архитектура
Набор GitHub для разработки от спецификации: CLI specify ставит в проект команды и скиллы для агента, от принципов до реализации
Референсные MCP-серверы
Model Context Protocol servers
Официальные референсные MCP-серверы: Filesystem, Fetch, Git, Memory, Sequential Thinking, Time и Everything