markdown-viewerOfficial·15 Agent Skills Included

skills

Generate diagrams, charts, and infographics directly inside Markdown

Generates UML diagrams, cloud architectures, network topologies, data charts, mind maps, and editorial info cards directly in Markdown. Eliminates manual drag-and-drop diagramming tools and broken rendering syntax with tested templates and 9500+ ready-made icons. Helps AI agents pick the right diagram type and produce clean visuals on the first try.

3,117|179

↗

npx skills add markdown-viewer/skills --all -g -y

All Skills in This Repository (15)

Pure Emerald Level Indicators

📦 In Repo

markdown-viewer

data-analytics

Generate PlantUML data pipeline and analytics architecture diagrams with AWS stencils.

uml

Render PlantUML text into UML diagrams for documentation workflows.

security

Create security architecture diagrams with PlantUML and mxgraph.aws4 stencils.

infographic

Generate template-based infographics from space-separated key-value data.

vega

Generate Vega and Vega-Lite visualizations from structured JSON or tabular data.

network

Generate PlantUML network diagrams with mxgraph icons for Cisco and Citrix devices.

infocard

Create editorial information cards in Markdown with embedded HTML/CSS templates.

iot

Generate PlantUML IoT diagrams with mxgraph.aws4 stencils.

canvas

Generate spatial JSON canvas diagrams with positioned nodes and edges.

architecture

Generate layered HTML/CSS system architecture diagrams with SVG orthogonal connectors.

graphviz

Generate Graphviz diagrams from DOT language for graphs and relationships.

bpmn

Generate BPMN and integration diagrams with PlantUML stencil syntax.

Official

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install Markdown Viewer skills?▼

Run `npx skills add markdown-viewer/skills --all -g -y` in your terminal to install all 14 diagram skills globally.

How to create diagrams in Markdown with AI?▼

Just describe the diagram you need in plain English. Your AI agent reads the matching skill and writes valid PlantUML, Vega, or HTML code that renders instantly.

What diagram types does this suite support?▼

It covers UML, cloud architecture (AWS, Azure, GCP), network topology, security, BPMN workflows, data pipelines, IoT, mind maps, data charts, infographics, and info cards.

Does it work with Claude Code and Cursor?▼

Yes. All skills follow the universal SKILL.md standard and work in Claude Code, Cursor, Codex, and other compatible AI agents.

Can non-developers use these diagram skills?▼

Yes. You only describe what you want in plain language, and the agent handles all syntax, icons, and layout rules for you.