Agent skill

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.

View SKILL.md on GitHub Repository
Stars 5
Forks 0

Install this agent skill to your Project

npx add-skill https://github.com/narumiruna/agent-skills/tree/main/skills/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"

Didn't find tool you were looking for?

Be as detailed as possible for better results