Render and validate Mermaid or d2 diagram sources into SVG or PNG files.
npx skills add https://github.com/erfianugrah/dotfiles --skill mermaid-d2
Please help me install this Agent Skill. Skill: mermaid-d2 Source: https://github.com/erfianugrah/dotfiles/tree/main/.pi/agent/skills/mermaid-d2 Command: npx skills add https://github.com/erfianugrah/dotfiles --skill mermaid-d2
It prevents broken documentation visuals by validating Mermaid or d2 diagram syntax before you ship the rendered output.
Use the mermaid-d2 skill to render an architecture diagram from the diagram text I provide, and save it to docs/architecture.svg.
High-intent search queries and answers about installing and using this skill.
To validate Mermaid diagram syntax before exporting, you can render the diagram source locally to detect silent parse errors early. This rendering step ensures the syntax is correct before saving the final SVG or PNG artifacts for technical documentation.
Generating d2 architecture diagrams for repositories involves rendering diagram text sources into visual formats like SVG or PNG. Using the source text as the single source of truth keeps system architecture visualizations consistent with the underlying codebase.
Yes, you can render d2 sequence and ER diagrams locally for documentation. Local rendering via the render_diagram tool validates the syntax and produces deterministic output files, ensuring visuals are trustworthy before shipping.
Yes, Mermaid syntax validation catches errors before saving final diagram artifacts. By rendering the diagram first to detect silent parse errors, it prevents broken documentation visuals from being exported to your docs or repos.
To export validated flowcharts to GitHub-renderable markdown workflows, you render the diagram source to verify syntax, then generate the appropriate markdown or rasterized SVG/PNG output files. This ensures diagrams live consistently next to your code.
tqLi99Convert user requirements into Mermaid diagram code and validate syntax with Mermaid CLI.
robertzengcnConvert English descriptions or mermaid source into SVG, PNG, and excalidraw files.
KrystianYCSilvaCreate Markdown documentation with Mermaid diagrams and GFM tables.
Likas07Generate Mermaid diagrams for class, sequence, flowchart, ERD, and C4 architecture.
