What problem does it solve? Choosing the right diagram syntax and writing correct rendering code for flowcharts, charts, architecture diagrams, and infographics in Markdown is error-prone and time-consuming. This Skill provides a decision guide plus detailed syntax references so every diagram renders correctly on the first attempt. ## Core Features & Use Cases - Multi-tool diagram generation: Supports Mermaid (flowcharts, sequence, ER, state), Graphviz (dependency graphs), Vega-Lite (data charts), PlantUML (UML, cloud architecture with 9,500+ stencils), infographics (KPI cards, roadmaps, funnels, SWOT), JSON Canvas (mind maps), and raw-HTML architecture diagrams and infocards. - Decision guide: A selection table maps each visualization need to the correct tool and code fence, with quick selection rules for common scenarios. - Syntax rule enforcement: Each reference file documents critical pitfalls (e.g., Mermaid list syntax conflicts, PlantUML @startuml/@enduml requirements, Vega-Lite schema requirements) to prevent rendering failures. - Use Case: When documenting a microservices platform, generate a PlantUML component diagram with AWS stencil icons, a Vega-Lite latency chart, and an infographic KPI dashboard, all embedded in one Markdown document. ## Quick Start Create a Mermaid sequence diagram showing the authentication flow between a client, API gateway, and database in my Markdown document.
