Graphviz Diagrams Skill

Purpose

Create complex graph visualizations using Graphviz DOT language, with both source code and pre-rendered images.

When to Use

• Complex dependency graphs
• Call graphs and code flow
• Network topologies
• Hierarchical structures
• State machines with complex transitions
• Any graph needing precise layout control

Output Format

Every Graphviz diagram should include:

1. Inline DOT source - For reference and future editing
2. Pre-rendered image - For viewing in any markdown renderer