Back to Skills

svg-illustration

verified

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

View on GitHub

Marketplace

narumi

narumiruna/claude-marketplace

Plugin

gourmet-research

Repository

narumiruna/claude-marketplace
2stars

skills/svg-illustration/SKILL.md

Last Verified

January 23, 2026

Install Skill

Select agents to install to:

Scope:
npx add-skill https://github.com/narumiruna/claude-marketplace/blob/main/skills/svg-illustration/SKILL.md -a claude-code --skill svg-illustration

Installation paths:

Claude
.claude/skills/svg-illustration/
Powered by add-skill CLI

Instructions

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

Validation Details

Front Matter
Required Fields
Valid Name Format
Valid Description
Has Sections
Allowed Tools
Instruction Length:
1006 chars