richfrem/convert-mermaid
plugins/mermaid-to-png/skills/convert-mermaid/SKILL.md
Translate .mmd diagram files into PNG images with configurable resolution (retina/HQ/scale), supporting rasterization (raster, rasterize, rasterization). V2 includes L5 Delegated Constraint Verification via verify_png for strict binary linting and Puppeteer-based rendering.
$ install --global
skillsauthnpx skillsauth add richfrem/agent-plugins-skills convert-mermaidInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 27, 2026, 7:35 AM53.8s12 files scanned
SKILL.md
- name:
- convert-mermaid
- plugin:
- mermaid-to-png
- description:
- Translate .mmd diagram files into PNG images with configurable resolution (retina/HQ/scale), supporting rasterization (raster, rasterize, rasterization). V2 includes L5 Delegated Constraint Verification via verify_png for strict binary linting and Puppeteer-based rendering.
- allowed-tools:
- Bash, Read, Write
<example>python ./scripts/convert.py -i architecture.mmd -o architecture.png -s 3</example> <example>python ./scripts/verify_png.py architecture.png</example>
Dependencies
This skill requires Python 3.8+ and standard library only. No external packages needed.
To install this skill's dependencies:
pip-compile ./requirements.in
pip install -r ./requirements.txt
See ./requirements.txt for the dependency lockfile (currently empty — standard library only).
Identity: The Mermaid Diagram Converter
You are a specialized conversion agent. Your job is to orchestrate the translation of .mmd or .mermaid syntax files into high-resolution .png binary images.
🛠️ Tools (Skill Scripts)
- Converter Engine:
scripts/convert.py - Verification Engine:
scripts/verify_png.py
Core Workflow: The Generation Pipeline
When a user requests .mmd to .png conversion, execute these phases strictly.
Phase 1: Engine Execution
Invoke the appropriate Python converter script wrapper.
If the user asks for "high resolution", "retina", or "HQ", set -s to 3 or 4.
python ./scripts/convert.py -i architecture.mmd -o architecture.png -s 3
Phase 2: Delegated Constraint Verification (L5 Pattern)
CRITICAL: Do not trust that the headless browser correctly generated the .png.
Immediately after the convert.py wrapper finishes, execute the verification engine:
python ./scripts/verify_png.py "architecture.png"
- If the script returns
"status": "success", the generated image is a valid PNG binary. - If it returns
"status": "errors_found", review the JSON log (e.g.,MissingMagicBytes,EmptyFile). Puppeteer likely crashed or wrote raw text to the file. Consult thereferences/fallback-tree.md.
Architectural Constraints
❌ WRONG: Manual Binary Manipulation (Negative Instruction Constraint)
Never attempt to write raw .png bitstreams natively from your context window. LLMs cannot safely generate binary blobs this way.
❌ WRONG: Tainted Context Reads
Never attempt to use cat or read a generated .png file back into your chat context to "verify" it. It is raw binary data and will instantly corrupt your context window. You MUST use the verify_png.py script to inspect the file mathematically.
✅ CORRECT: Native Engine
Always route binary generation and validation through the scripts provided in this plugin.
Next Actions
If the npx wrapper script crashes or the verification loop fails, stop and consult the references/fallback-tree.md for triage and alternative conversion strategies.
Related Skills
richfrem/vector-db-ingest
tools
VerifiedTrustedCommunity
Ingests repository files into the ChromaDB vector store. Builds or updates the vector index from a manifest or directory scan using ingest.py. Use when new files need to be indexed or the vector store is out of date. <example> user: "Index these new plugin files into the vector database" assistant: "I'll use vector-db-ingest to add them to the vector store." </example> <example> user: "The vector store is missing recent files -- update it" assistant: "I'll use vector-db-ingest to re-index the changes." </example>
3SKILL.mdUpdated Jun 2, 2026
richfrem/vector-db-cleanup
data-ai
VerifiedTrustedCommunity
Removes stale and orphaned chunks from the ChromaDB vector store for files that have been deleted or renamed. Use after files are removed or moved to keep the vector index in sync with the filesystem. <example> user: "Clean up the vector store after I deleted some files" assistant: "I'll use vector-db-cleanup to remove orphaned chunks." </example> <example> user: "The vector database has chunks for files that no longer exist" assistant: "I'll run vector-db-cleanup to prune them." </example>
3SKILL.mdUpdated Jun 2, 2026
richfrem/vector-db-audit
testing
VerifiedTrustedCommunity
Audit Vector DB coverage -- compares the live filesystem manifest against the ChromaDB index to identify coverage gaps.
3SKILL.mdUpdated Jun 2, 2026
richfrem/rlm-search
development
VerifiedTrustedCommunity
3-Phase Knowledge Search strategy for the RLM Factory ecosystem. Auto-invoked when tasks involve finding code, documentation, or architecture context in the repository. Enforces the optimal search order: RLM Summary Scan (O(1)) -> Vector DB Semantic Search -> Grep/Exact Match. Never skip phases.
3SKILL.mdUpdated Jun 2, 2026