Overview

This thin entry skill focuses on SVG diagrams and patterns. Its core principle is to go straight to SVG rules and patterns, bypassing slide authoring or color modules, to speed up creating slide-ready SVGs.

How This Skill Works

You follow a minimal reading path that prioritizes SVG-specific references. Start with core rules, then pattern examples, and finally embedding or troubleshooting guides to ensure diagrams render cleanly in slides.

When to Use It

• Creating slide-ready SVG diagrams or illustrations
• Choosing SVG sizing, spacing, and embedding rules
• Troubleshooting SVG export/embedding issues
• Avoiding non-SVG slide content by focusing on SVG rules first
• Referencing core rules and pattern examples before authoring

Quick Start

1. Step 1: Read core rules (references/core-rules.md)
2. Step 2: Review pattern examples (references/pattern-examples.md)
3. Step 3: Check embedding/troubleshooting guides (references/embedding.md)

Best Practices

• Always start with core SVG rules before exploring slide authoring material
• Use pattern examples to inform sizing and spacing decisions
• Consult embedding guidelines when placing SVGs in slides
• Check troubleshooting references if export/embedding fails
• Use the assets/examples library to validate visuals

Example Use Cases

• Prompt: 'Need an architecture diagram with clean sizing.' → Read core-rules.md, then pattern-examples.md
• Designing a network diagram with consistent spacing using the pattern examples
• Embedding an SVG diagram into a slide deck and resolving common embedding issues
• Before authoring, review core rules to ensure diagrams follow standard SVG sizing
• Reuse pattern examples to reproduce multi-diagram layouts across slides

Frequently Asked Questions