skills.rest
shekerkamma
shekerkammaCOMMUNITY
Explore all skills by this author →
GitHub

diagram-export

Convert Mermaid, PlantUML, Graphviz, draw.io, and Vega diagrams to PNG/SVG/PDF.

Updated Apr 25, 2026
Search Tags:#png#cli#slides#svg#diagram#render
One-click install
npx skills add https://github.com/shekerkamma/markdown-viewer-skills-audit --skill diagram-export
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: diagram-export
Source: https://github.com/shekerkamma/markdown-viewer-skills-audit/tree/main/diagram-export
Command: npx skills add https://github.com/shekerkamma/markdown-viewer-skills-audit --skill diagram-export

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Reference cookbook of CLI commands to convert each diagram skill in this repo (Mermaid, PlantUML, Graphviz, draw.io, Vega) into slide-ready PNG/SVG. Pairs with marp and python-pptx — pre-render diagrams before embedding so decks are reproducible without internet.

Core Features & Use Cases

  • Provides CLI recipes to convert Mermaid, PlantUML, Graphviz, draw.io, and Vega diagrams into slide-ready PNG, SVG, and PDF formats.
  • Supports both single-diagram rendering and batch workflows for entire projects.
  • Use Case: Pre-render diagrams for presentations to ensure offline access and visual consistency across decks.

Quick Start

Select a diagram source (e.g., Mermaid, PlantUML, Graphviz, draw.io, Vega) and run its corresponding CLI recipe to produce a ready-to-embed diagram file.

Frequently Asked Questions about diagram-export

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert Mermaid and PlantUML diagrams to PNG for slide presentations?▼

To convert Mermaid and PlantUML diagrams to PNG for slide presentations, use CLI recipes to pre-render diagram sources into slide-ready image files. This supports offline embedding and ensures visual consistency across reproducible decks.

Can I batch render Graphviz and Vega diagrams into SVG files for offline reporting?▼

Yes, you can batch render Graphviz and Vega diagrams into SVG files for offline reporting. The CLI recipes support both single-diagram rendering and batch workflows for entire projects, enabling reproducible outputs across reporting pipelines.

Does pre-rendering draw.io diagrams work with marp and python-pptx slide pipelines?▼

Pre-rendering draw.io diagrams works with marp and python-pptx by converting diagram sources into PNG or SVG files before embedding. This ensures decks remain reproducible and fully accessible offline without relying on internet connectivity.

What is the best way to version control diagrams for reproducible slide decks?▼

The best way to version control diagrams for reproducible slide decks is to pre-render diagram sources into static SVG or PNG outputs. This approach enables offline embedding and ensures visual consistency across version-controlled presentation pipelines.

Why do I need to pre-render diagrams instead of embedding live diagram code in slides?▼

Pre-rendering diagrams is needed to ensure offline access and visual consistency across slide decks. By converting diagram sources into static PNG or SVG files, you eliminate internet dependency and guarantee reproducible presentations.

Related Skills

Explore More Design & Creative Skills→
walterfanwalterfan
1

Diagram Render Skill

Render PlantUML, Mermaid, and Graphviz code blocks into PNG or SVG images.

Community
Intermediate
usetheodevusetheodev

marp-slide

Generate self-contained Marp slide decks with frontmatter and rendered HTML and PPTX.

Community
Advanced
hungson175hungson175

pptx

Create, modify, and analyze PowerPoint (.pptx) presentations with Python and Node tooling.

Community
Advanced
xiaoquqixiaoquqi

architecture-diagram

Generate standalone HTML/SVG architecture diagrams from component descriptions.

Community
Intermediate