Guide Mermaid and SVG diagram rendering across tools like mmdc and rsvg-convert.
npx skills add https://github.com/jmerkow/my-agentic-stuff --skill diagram-help
Please help me install this Agent Skill. Skill: diagram-help Source: https://github.com/jmerkow/my-agentic-stuff/tree/main/skills/diagram-help Command: npx skills add https://github.com/jmerkow/my-agentic-stuff --skill diagram-help
This Skill offers a concise reference to the nuances of Mermaid and SVG diagram rendering, helping users make informed decisions when choosing the right diagram tool for the task.
View the diagram rendering best practices for Mermaid and SVG diagrams.
High-intent search queries and answers about installing and using this skill.
Rendering Mermaid diagrams reliably involves choosing between direct Mermaid, converting Mermaid to SVG, or using direct SVG, depending on whether the output targets technical documents or presentations.
Converting Mermaid to SVG using mmdc addresses compatibility issues, ensuring diagrams maintain clarity and fidelity when imported into presentation tools like PowerPoint.
Direct Mermaid rendering in PowerPoint often faces compatibility issues; converting Mermaid to SVG via mmdc first ensures reliable display and visual fidelity.
Rendering failures with rsvg-convert often stem from SVG compatibility gotchas; reviewing diagram rendering best practices helps identify specific tool limitations and ensure reliable output.
Use direct SVG instead of Mermaid when you need maximum rendering reliability across varied tools like rsvg-convert or PNG exporters, bypassing Mermaid's specific compatibility limitations.
saintgo7Render centralized Mermaid diagrams from CATALOG.md into SVG for Pandoc output.
RheasilviaGenerate dark-themed architecture diagrams as self-contained HTML files with inline SVG.
KrystianYCSilvaCreate Markdown documentation with Mermaid diagrams and GFM tables.
TrevorEdrisCreate Mermaid diagrams from plain text in Markdown documents.
