Leaderboard/Diagramming/skills
Last commit on April 23, 2026·Created on January 31, 2026

markdown-viewer/skills

Draws architecture, cloud, and data diagrams from markdown.
Combined rank
#120
across all skills
In Diagramming
#7
category rank
Stars
3.3k
+0.8% in last 7d
Forks
191
+1.1% in last 7d
Watchers
10
0.0% in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
TL;DR

This collection of 15 diagram generators turns markdown descriptions into visual maps of systems, cloud topologies, data pipelines, business processes, network layouts, and security models. It helps technical architects, data engineers, business analysts, and security architects see the structure they are describing without leaving their document.

WHO IT'S FOR
Technical Architects
designing system and cloud architectures
Data Engineers
designing data pipelines and analytics architectures
Business Analysts
modeling business processes and workflows
Security Architects
designing security architectures and threat models
Repository contents

15 skill files

Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.

Use this skill collection

Follow the documented setup, then try a first task.

I’m using

Install the complete bundle with npx

Installs: Complete markdown-viewer/skills bundle · Claude Code, Codex, Cursor

  1. Run this terminal command to add the complete markdown-viewer/skills bundle.

    npx skills add markdown-viewer/skills
security/SKILL.md · Checked Sep 18, 2026data-analytics/SKILL.md · Checked Sep 18, 2026uml/SKILL.md · Checked Sep 18, 2026network/SKILL.md · Checked Sep 18, 2026cloud/SKILL.md · Checked Sep 18, 2026iot/SKILL.md · Checked Sep 18, 2026vega/SKILL.md · Checked Sep 18, 2026canvas/SKILL.md · Checked Sep 18, 2026README.md · Checked Sep 18, 2026

Give it something to do.

Suggested first task

Create a small Vega-Lite chart

Uses vega

  • A small dataset as an array of objects or pasted table
  • The field to use for categories on the x-axis
  • The numeric field to use on the y-axis
Use the vega skill to turn the supplied small dataset into one clear Vega-Lite bar chart. Return valid JSON inside a `vega-lite` Markdown code fence, include the Vega-Lite v5 `$schema`, preserve the exact field-name casing, and briefly state which fields were mapped to the x and y encodings.
vega/SKILL.md · Checked Sep 18, 2026
Suggested first task

Create a compact concept map

Uses canvas

  • A central topic
  • Five to eight concepts
  • The relationships between those concepts
Use the canvas skill to create a compact concept map for the supplied topic and concepts. Return JSON Canvas inside a `canvas` Markdown code fence, use unique node IDs, position nodes on a roughly 100px grid without overlap, and connect only the relationships provided.
canvas/SKILL.md · Checked Sep 18, 2026
Suggested first task

Create a simple UML sequence diagram

Uses uml

  • Participant names
  • An ordered list of messages or interactions
  • Optional notes that should appear beside or over participants
Use the uml skill to create a simple UML sequence diagram for the supplied interaction. Return PlantUML inside a `plantuml` Markdown code fence, begin with `@startuml`, end with `@enduml`, and show the participants and messages in the stated order.
uml/SKILL.md · Checked Sep 18, 2026