Agent-Skills.md

Agent Skills: SVG Illustration Entry

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

UncategorizedID: narumiruna/claude-marketplace/svg-illustration

Repository

narumiruna/claude-marketplace
narumirunaLicense: MIT
2

Install this agent skill to your local

pnpm dlx add-skill https://github.com/narumiruna/agent-skills/tree/HEAD/skills/svg-illustration

Skill Files

Browse the full folder contents for svg-illustration.

Download Skill

Loading file tree…

skills/svg-illustration/SKILL.md

Skill Metadata

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

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