markdown-viewerlisted

# Markdown Viewer Use this skill when the user wants a diagram, visualization, architecture view, data chart, technical documentation graphic, infographic, mind map, or editorial-quality content card directly inside Markdown. Markdown Viewer Agent Skills is an opinionated skill pack for AI coding agents. It covers diagram generation, data visualization, and technical documentation using multiple Markdown-rendered engines, including PlantUML, Vega/Vega-Lite, JSON Canvas, infographic blocks, and direct HTML/CSS embeds. ## Setup If the upstream skill pack is not installed, install it first: ```bash npx skills add markdown-viewer/skills ``` After installation, prefer reading the specific upstream skill for the requested output type before writing complex diagrams. The pack includes detailed syntax rules, examples, and common pitfalls for each renderer. ## Skill Selection Choose the smallest renderer that fits the user's goal: | User goal | Use | | --- | --- | | Bar, line, scatter, heatmap, area, radar, word cloud, or data-driven chart | `vega` / `vega-lite` | | KPI card, roadmap, timeline, SWOT, funnel, org chart, or structured visual summary | `infographic` | | Free-position mind map, concept map, knowledge graph, or planning board | `canvas` | | System layers, microservices, app/data/infrastructure layers | `architecture` | | Editorial knowledge card, event card, data highlight, or polished content tile | `infocard` | | UML class, sequence, activity, state, component,