Imported from majiayu000/claude-skill-registry (skills/design/svg-illustration/SKILL.md). Install upstream with npx skills add majiayu000/claude-skill-registry --skill svg-illustration. Copyright stays with the author.

SVG Illustration Entry

Name: svg-illustration
Author: majiayu000

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"

{ "ocm": "1", "id": "majiayu000-claude-skill-registry-svg-illustration", "kind": "skill", "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.", "publisher": "majiayu000", "version": "1.0.0", "capabilities": { "domains": [ "general" ], "tags": [ "skill-md", "github" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "Use when you need SVG diagram rules, layout patterns, or embedding guidance for slide decks and want the minimal SVG-focused reading path." ], "primary": false, "metadata": { "source": { "provider": "github", "repository": "https://github.com/majiayu000/claude-skill-registry", "path": "skills/design/svg-illustration/SKILL.md", "ref": "a16e8e7bdddc9a7406a56f51e520cef7a8646208", "url": "https://github.com/majiayu000/claude-skill-registry/blob/a16e8e7bdddc9a7406a56f51e520cef7a8646208/skills/design/svg-illustration/SKILL.md", "key": "majiayu000/claude-skill-registry/skills/design/svg-illustration/SKILL.md" } }, "instructions": "# SVG Illustration Entry\n\n## Overview\nThin entry skill for SVG diagrams. Core principle: go straight to SVG rules and patterns rather than scanning slide authoring or color modules.\n\n## When to Use\n- Creating slide-ready SVG diagrams or illustrations\n- Choosing SVG sizing, spacing, and embedding rules\n- Troubleshooting SVG export/embedding issues\n\n## Quick Reference\n| Goal | Read |\n| --- | --- |\n| Core rules | references/core-rules.md |\n| Pattern examples | references/pattern-examples.md |\n| Embedding in slides | references/embedding.md |\n| Troubleshooting | references/troubleshooting.md |\n\n##", "cost": { "context_tokens": 253 } }

svg-illustration

About

SVG Illustration Entry

Overview

When to Use

Quick Reference

Example

Assets

Common Mistakes

Red Flags

Use it

Manifest

Reviews