SkillFoxx
Telegram

Pretty Mermaid — скилл

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

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

Расширенный доступ

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

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

imxv/pretty-mermaid-skillsАвтор:imxv

Установка

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

npx skillfoxx add skills/pretty-mermaid

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

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

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

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

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

  • Скилл запускает локальный 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 рендерит локально на Node.js без браузера и DOM.

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

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

Обсуждение

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

Скиллы

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

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

termaid рисует диаграммы Mermaid прямо в ответах Claude Code и в терминале, 18 типов схем без внешних зависимостей.

ПлагинРасширенный доступ579

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

СкиллРасширенный доступ150

Oh-my-mermaid

oh-my-mermaid

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

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

Скилл рисует архитектурные схемы, блок-схемы и диаграммы последовательностей как размеченный вручную SVG в едином стиле

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

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

СкиллРасширенный доступ11,1 тыс.

Коротко о README

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

Бейдж для README

Исходный 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.

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