# Svg Illustration

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

- Skill: `majiayu000/svg-illustration` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add majiayu000/svg-illustration`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/svg-illustration/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/svg-illustration

---


# 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
| Goal | Read |
| --- | --- |
| Core rules | references/core-rules.md |
| Pattern examples | references/pattern-examples.md |
| Embedding in slides | references/embedding.md |
| Troubleshooting | references/troubleshooting.md |

## 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"