svg-illustration

name: svg-illustration description: Use when you need SVG diagram rules, layout patterns, or embedding guidance for slide decks and want the minimal SVG-focused reading path.

SVG Illustration Entry

Overview

Thin entry skill for SVG diagrams. Core principle: go straight to SVG rules and patterns rather than scanning slide authoring or color modules.

When to Use

• Creating slide-ready SVG diagrams or illustrations
• Choosing SVG sizing, spacing, and embedding rules
• Troubleshooting SVG export/embedding issues

Quick Reference

Example

Prompt: "Need an architecture diagram with clean sizing." → Read core-rules.md, then pattern-examples.md.

Assets

• assets/examples/ - SVG diagram examples

Common Mistakes

• Reading Marp authoring before SVG rules when only diagrams are needed
• Skimming slide-creator overview instead of SVG references

Red Flags

• "Maybe SVG rules are buried in authoring"
• "I'll just skim everything"