Create scalable SVG diagrams for Marp/Marpit slide decks.
npx skills add https://github.com/narumiruna/skills --skill svg-illustration-narumiruna
Please help me install this Agent Skill. Skill: svg-illustration Source: https://github.com/narumiruna/skills/tree/main/skills/svg-illustration Command: npx skills add https://github.com/narumiruna/skills --skill svg-illustration-narumiruna
This skill provides a minimal, standardized approach to creating and embedding SVG diagrams for slide decks, preventing mis-sizing and inconsistent visuals.
Generate a clean, slide-ready SVG diagram following the core SVG rules and embedding guidelines.
High-intent search queries and answers about installing and using this skill.
To create SVG diagrams for Marp slides without mis-sizing, apply tight viewBox boundaries and consistent styling. This approach enforces standardized SVG layouts, ensuring reliable rendering and preventing inconsistent visuals in Marpit presentations.
The best way to structure SVG files for reliable Marpit embedding is using reusable <defs> patterns. This standardizes styling and enforces tight viewBox boundaries, ensuring clean, scalable architecture diagrams and process flows in slide decks.
Your SVG diagram exports incorrectly in Marp slides due to mis-sized boundaries or inconsistent styling. Troubleshoot these SVG export issues by enforcing tight viewBox boundaries and applying reusable <defs> patterns to ensure reliable rendering.
Yes, you need to set tight viewBox boundaries for SVG diagrams used in Marp presentations. Enforcing these boundaries prevents mis-sizing, ensures scalable slide-ready visuals, and maintains consistent styling across your Marpit slide decks.
Yes, you can use reusable <defs> patterns for SVG icon sets in Marpit slide decks. Using reusable <defs> patterns enforces consistent styling and reliable rendering, making it ideal for embedding standardized icon sets in presentations.
daffy0208Design cohesive brand identities with SVG logos, color palettes, and typography systems.
shekerkammaConvert Markdown with Mermaid diagrams into slide decks via Marp.
ishiyanCreate scalable SVG diagrams with reusable defs for Marp/Marpit slides.
RobThePCGuyGenerates patent-style flowcharts and block diagrams with automatic reference numbering as SVG output.
