Skills
.Work. You
Rest

svg-illustration

Community

Master clean SVG diagrams for Marp slides.

Design & Creative#marp#layout#svg#diagram#embedding#svg-standards#marpit
Authorishiyan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill helps you create clean, scalable SVG diagrams for Marp/Marpit slides, ensuring consistent visuals and reliable embedding across themes.

Core Features & Use Cases

  • SVG rules for Marp/Marpit diagrams, including sizing, viewBox discipline, and consistent styling.
  • Pattern templates and examples to accelerate diagram creation (process flows, architecture diagrams, KPI dashboards, etc).
  • Embedding guidance and troubleshooting for slide integration across themes.

Quick Start

Create a simple, scalable SVG diagram that follows the core rules and embed it using the recommended background syntax.

Dependency Matrix

Required Modules

None required

Components

referencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: svg-illustration
Download link: https://github.com/ishiyan/Mbng/archive/main.zip#svg-illustration

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.