# Markdown Viewer

Create rich diagrams, data visualizations, technical architecture views, and editorial...

- Repository: https://github.com/EKKOLearnAI/ekko-studio (11634 stars)
- Category: Security
- License: MIT
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add EKKOLearnAI/ekko-studio --skill markdown-viewer -g -a claude-code -y`
Codex: `npx skills add EKKOLearnAI/ekko-studio --skill markdown-viewer -g -a codex -y`
Cursor: `npx skills add EKKOLearnAI/ekko-studio --skill markdown-viewer -g -a cursor -y`
Gemini CLI: `npx skills add EKKOLearnAI/ekko-studio --skill markdown-viewer -g -a gemini-cli -y`

## Description

Create rich diagrams, data visualizations, technical architecture views, and editorial content cards directly in Markdown using the Markdown Viewer Agent Skills pack. Use for Mermaid-like diagram requests, PlantUML architecture diagrams, Vega charts, JSON Canvas maps, infographics, UML, cloud/network/security/data/IoT diagrams, and polished Markdown documentation visuals.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# 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:

The rest: https://github.com/EKKOLearnAI/ekko-studio/blob/HEAD/packages/skills/markdown-viewer/SKILL.md