mermaid-to-image

Solid

Рендер Mermaid-диаграмм (.mmd) в PNG/SVG. Скрипт mermaid_to_image.py читает .mmd (файл или stdin) и отдаёт изображение: приоритет локальному mmdc (mermaid-cli), fallback на публичный API mermaid.ink. Поддерживает выбор формата (svg/png), фоновый цвет, масштаб PNG, движок рендера (auto/mmdc/ink), вывод в файл или stdout. Триггеры: 'mermaid в картинку', 'отрендерить диаграмму', '.mmd в png', 'mermaid to image', 'render diagram', 'диаграмма в svg', 'схема в картинку'.

AI & Automation 5 stars 0 forks Updated yesterday MIT

Install

View on GitHub

Quality Score: 83/100

Stars 20%
26
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Mermaid To Image > Рендер Mermaid-диаграмм из текста `.mmd` в файлы PNG/SVG. Загружай этот скилл когда нужно **превратить Mermaid-диаграмму в картинку**: для README, документации, презентаций, бейджей или вложений в отчёты. ## 🎯 When to use Use this skill when: - Есть `.mmd`-файл или текст Mermaid и нужен PNG/SVG-файл - Нужно вставить диаграмму в README/вики/презентацию (у рендер-плагинов GitHub нет PNG) - Просят «отрендерить диаграмму», «mermaid в png», «схему в картинку» - Нужна статичная картинка для экспорта (не интерактивная mermaid.live) Do NOT use when: - Диаграмма нужна только в Markdown-исходнике — GitHub рендерит Mermaid сам - Нужны диаграммы из текстового описания без Mermaid-кода — это `diagram-maker` - Нужны диаграммы архитектуры AWS/GCP — отдельный рендер в roadmap ## 📦 Files - `SKILL.md` — этот файл - `scripts/mermaid_to_image.py` — рендерер .mmd → PNG/SVG (Python 3 stdlib) ## 🧰 Usage ```bash # Файл → SVG (по умолчанию): python3 skills/mermaid-to-image/scripts/mermaid_to_image.py -i diagram.mmd -o diagram.svg # Файл → PNG: python3 skills/mermaid-to-image/scripts/mermaid_to_image.py -i diagram.mmd -o diagram.png # Из stdin (текст прямо в пайплайне): cat diagram.mmd | python3 mermaid_to_image.py --stdin -o out.svg # С фоном и масштабом: python3 mermaid_to_image.py -i d.mmd -o d.png --bg white --scale 3 # В stdout (для программного использования): python3 mermaid_to_image.py -i d.mmd --stdout > d.svg ``` ## 🧭 Движки рендера | Движок | Как вклю...

Details

Author
bestdeejay-design
Repository
bestdeejay-design/agent-skills
Created
1 weeks ago
Last Updated
yesterday
Language
Python
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Solid

diagram-maker

Генерация диаграмм из текстового описания: flowchart, sequence, architecture, ER-схемы в синтаксисе Mermaid. Вход — natural language описание, выход — готовый код Mermaid + рекомендация по рендерингу (mermaid.live / mermaid-cli / MCP). Триггеры: 'диаграмма', 'diagram', 'mermaid', 'flowchart', 'блок-схема', 'sequence diagram', 'архитектура', 'ER-схема', 'нарисуй схему', 'draw a diagram', 'схема', 'architecture diagram'.

5 Updated yesterday
bestdeejay-design
AI & Automation Listed

mermaid-diagrams

Render Mermaid .mmd diagram sources to committed .svg for curriculum docs. Use when creating or updating a diagram embedded in a module/supplementary/reference page, or when a .mmd source changed and its .svg must be regenerated. Produces vector (crisp at any width, tiny), not raster.

1 Updated today
anttitevanlinna
AI & Automation Listed

mermaid-diagram

Use this skill ANY time the user wants a diagram, chart, or visual documentation of any kind — flowcharts, sequence diagrams, architecture diagrams, ER diagrams, state machines, gantt charts, class diagrams, deployment diagrams, mindmaps, or any visual representation of systems, processes, or relationships. Trigger on: "diagram", "chart", "visualize", "draw", "map out", "document the flow", "show how X connects to Y", or when the user describes states, transitions, timelines, or service interactions that imply a visual even without saying "diagram". Also trigger when the user mentions "mermaid" by name or asks to convert code to a diagram.

2 Updated 3 weeks ago
petermcalister