Back to skills
SKILL.md
Convert Mermaid
ASecurityTranslate .mmd diagram files into PNG images with configurable resolution, supporting binary linting and Puppeteer-based rendering.
- 7 stars
- 0 votes
- 0 copies
- 1 view
- Added September 2, 2026
Security analysis
100/100Pro scans all 13 files and shows the line behind each finding
npx -y skills add richfrem/agent-plugins-skills --skill convert-mermaid --agent claude-codeAre you the author of Convert Mermaid?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/richfrem-convert-mermaid-agent-plugins-skills)---
name: convert-mermaid
plugin: dev-utils
description: Translate .mmd diagram files into PNG images with configurable resolution, supporting binary linting and Puppeteer-based rendering.
allowed-tools: Bash, Read, Write
---
# Mermaid Diagram Converter (`convert-mermaid`)
Orchestrates the conversion of `.mmd` syntax files into high-resolution `.png` binary images with deterministic verification.
## Contents
- [Critical Constraints](#critical-constraints)
- [Quick start](#quick-start)
- [Workflow](#workflow)
- [Verification](#verification)
- [References](#references)
## Critical Constraints
1. **Never Write Binary Streams Directly**: LLMs cannot safely generate raw `.png` bitstreams in context.
2. **Never `cat` Binary Files**: Reading binary `.png` files into context corrupts agent memory; always use `scripts/verify_png.py`.
3. **Always Verify Output**: Immediately verify output files using `scripts/verify_png.py`.
## Quick start
Convert a diagram with 3x retina scaling and verify binary integrity:
```bash
python3 scripts/convert.py -i architecture.mmd -o architecture.png -s 3
python3 scripts/verify_png.py architecture.png
```
## Workflow
1. **Engine Execution**: Invoke `scripts/convert.py` with input and output paths. Set `-s 3` or `-s 4` for retina/HQ requests.
2. **Delegated Verification**: Run `scripts/verify_png.py` to confirm the generated output is a valid non-empty PNG binary.
3. **Outcome Resolution**:
- `"status": "success"` -> Output verified. Proceed.
- `"status": "errors_found"` -> Review JSON error logs and consult [Fallback Tree](references/fallback-tree.md).
## Verification
Run the verification script against the generated PNG:
```bash
python3 scripts/verify_png.py architecture.png
```
## References
- [acceptance-criteria.md](references/acceptance-criteria.md) — Image generation standards and acceptance criteria.
- [fallback-tree.md](references/fallback-tree.md) — Failure triage and escalation tree for rendering errors.
Files in this skill
- SKILL.md
- acceptance-criteria.md
- evals/evals.json
- evals/results.tsv
- fallback-tree.md
- references/acceptance-criteria.md
- references/convert-mermaid-flow.mmd
- references/convert-mermaid-flow.png
- references/mermaid-to-png-architecture.mmd
- references/mermaid-to-png-architecture.png
- requirements.txt
- scripts/convert.py
- scripts/verify_png.py
Attribution
Comments
Loading comments…