About markdown-viewer-skills
A collection of 14 skills for creating charts, diagrams, and infographics across five rendering engines. It serves people producing visual materials, from data charts and mind maps to architecture and cloud diagrams.
Key features
- 0114 visualization skills
- 02Five rendering engines
- 03Vega-Lite charts
- 04HTML/CSS infographic templates
- 05PlantUML diagram types
- 06JSON Canvas maps
Use cases
- 01Creating a chart from data
- 02Drafting an enterprise architecture diagram
- 03Mapping cloud infrastructure
- 04Building a mind map
Install
Copy the command and run it in a terminal.
npx skills add https:/After installing, type/markdown-viewer-skillsin Claude Code to confirm it loaded.
Bundled filesstub.yaml
Details
From the project READMEmarkdown-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.