skills/narumiruna/agent-skills/svg-illustration

svg-illustration

SKILL.md

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"
Weekly Installs
89
GitHub Stars
4
First Seen
Jan 25, 2026
Installed on
codex83
opencode83
gemini-cli80
github-copilot77
amp71
kimi-cli71