markdown-viewer-skills
Catalogue stub — full package: markdown-viewer/skills
Decision tree
Run this before any chart, diagram, or infographic work:
-
Is the package already installed? Check:
~/.design-agent-skills/skills/vega/SKILL.mdexists (representative skill).- Yes → invoke the relevant skill by name and proceed
- No → go to step 2
-
Do you have shell access?
- Yes → run the install command below, then invoke the skill
- No → show the install command; in Claude Code, send it as a chat message starting with
!— add-gfor global install or omit for project-only
Install command
npx skills add markdown-viewer/skills
Invoke after install
14 skills across 5 rendering engines:
| Skill | Engine | Use case |
|---|---|---|
vega | Vega-Lite | bar, line, scatter, heatmap, radar, word cloud |
infographic | HTML/CSS | 70+ templates: KPI cards, timelines, roadmaps, SWOT |
canvas | JSON Canvas | mind maps, knowledge graphs, concept maps |
architecture | HTML/CSS | layer diagrams, 13 layouts × 12 styles |
infocard | HTML/CSS | editorial info cards, 13 layouts × 14 styles |
uml | PlantUML | 14 UML types + 9,500 mxgraph icons |
cloud | PlantUML | AWS, Azure, GCP, Kubernetes icons |
network | PlantUML | Cisco/Citrix network device icons |
security | PlantUML | IAM, encryption, firewall, compliance |
archimate | PlantUML | enterprise architecture, ArchiMate layers |
bpmn | PlantUML | business process, EIP, Lean Mapping |
data-analytics | PlantUML | ETL/ELT, data warehouse, ML workflows |
iot | PlantUML | IoT devices, sensors, edge computing |
mindmap | PlantUML | mind map syntax with directional branches |
What it does
The most complete visualization skill collection: 14 skills across 5 rendering engines with 98%+ format coverage. Covers everything from simple charts to enterprise architecture diagrams, cloud topology, and polished infographic templates.