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.md exists (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 -g for 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.
1---2name: markdown-viewer-skills3description: 14 visualization skills across 5 rendering engines: Vega-Lite, PlantUML, JSON Canvas, HTML/CSS, and Infographic templates. The most complete data visualization and diagram collection — charts, UML, cloud architecture, network diagrams, mind maps, and 70+ infographic templates.4---5
6# markdown-viewer-skills
7
8> Catalogue stub — full package: [markdown-viewer/skills](https://github.com/markdown-viewer/skills)
9
10## Decision tree
11
12Run this before any chart, diagram, or infographic work:
13
141. **Is the package already installed?**
15 Check: `~/.design-agent-skills/skills/vega/SKILL.md` exists (representative skill).
16 - Yes → invoke the relevant skill by name and proceed
17 - No → go to step 2
18
192. **Do you have shell access?**
20 - Yes → run the install command below, then invoke the skill
21 - No → show the install command; in Claude Code, send it as a chat message starting with `!` — add `-g` for global install or omit for project-only
22
23## Install command
24
25```bash
26npx skills add markdown-viewer/skills
27```
28
29## Invoke after install
30
3114 skills across 5 rendering engines:
32
33| Skill | Engine | Use case |
34|-------|--------|----------|
35| `vega` | Vega-Lite | bar, line, scatter, heatmap, radar, word cloud |
36| `infographic` | HTML/CSS | 70+ templates: KPI cards, timelines, roadmaps, SWOT |
37| `canvas` | JSON Canvas | mind maps, knowledge graphs, concept maps |
38| `architecture` | HTML/CSS | layer diagrams, 13 layouts × 12 styles |
39| `infocard` | HTML/CSS | editorial info cards, 13 layouts × 14 styles |
40| `uml` | PlantUML | 14 UML types + 9,500 mxgraph icons |
41| `cloud` | PlantUML | AWS, Azure, GCP, Kubernetes icons |
42| `network` | PlantUML | Cisco/Citrix network device icons |
43| `security` | PlantUML | IAM, encryption, firewall, compliance |
44| `archimate` | PlantUML | enterprise architecture, ArchiMate layers |
45| `bpmn` | PlantUML | business process, EIP, Lean Mapping |
46| `data-analytics` | PlantUML | ETL/ELT, data warehouse, ML workflows |
47| `iot` | PlantUML | IoT devices, sensors, edge computing |
48| `mindmap` | PlantUML | mind map syntax with directional branches |
49
50## What it does
51
52The 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.
podo