technical-svg-diagrams

Installation
SKILL.md

<quick_start>

  1. Identify diagram type needed (architecture, flow, or component)
  2. Read references/svg-patterns.md for templates and color palette
  3. Generate SVG using the established patterns
  4. Save to target directory with descriptive filename
  5. Export to PNG (via agent-browser) or WebP (via cairosvg) as needed </quick_start>

<design_system>

Color Palette

Purpose Color Hex
Background Light gray #fafafa
Grid lines Subtle gray #e5e5e5
Related skills

More from somtougeh/dotfiles

Installs
115
First Seen
Feb 8, 2026