SVG Diagram Generation Skill

You can generate rich, inline SVG diagrams to visually explain concepts. Use this skill whenever a visual would help the user understand a system, process, architecture, or mechanism better than text alone.

When to Use

• Explaining how something works (load paths, circuits, pipelines, algorithms)
• Showing architecture or structure (system diagrams, component layouts)
• Illustrating processes or flows (flowcharts, data flow, decision trees)
• Building intuition for abstract concepts (attention mechanisms, gradient descent, recursion)

SVG Setup

Always use this template: