←Leaderboard/Diagramming/skills
Last commit on October 5, 2026·Created on January 31, 2026

markdown-viewer/skills

“Create diagrams and visualizations in Markdown.”
Combined rank
#170
across all skills
In Diagramming
#7
category rank
Stars
3.4k
+0.3% in last 7d
Forks
192
0.0% in last 7d
Watchers
10
0.0% in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
TL;DR

This skill enables technical writers and architects to embed text-driven visuals directly within Markdown. By using fenced blocks or HTML, users can render complex software designs and operational views without a separate build step.

It supports a wide range of technical documentation needs, from C4 and sequence diagrams for software behavior to layer stacks and topology maps for system architecture.

WHO IT'S FOR
Technical writers
creating text-driven visuals in technical documentation
Software architects
documenting system architecture and software design
Product managers
visualizing product metrics and roadmaps
Infrastructure engineers
mapping cloud and network topologies
Repository contents

1 skill file

Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.

Use this skill

Follow the documented setup, then try a first task.

Setup

Quick install

Installs: The documd-visuals package. The README describes compatibility with Claude Code, Codex, Cursor, and other AI coding agents.

  1. Run this command in a terminal to install the documd-visuals package.

    npx skills add markdown-viewer/skills
README.md ↗ · Checked Nov 5, 2026

Give it something to do.

Suggested first task

Create a bar chart in Markdown

Uses documd-visuals

  • A small table containing category names and numeric values.
  • To view the rendered Markdown in a browser or VS Code, install docu.md Markdown Viewer as documented at https://docu.md.
Use documd-visuals to turn the category-and-value table I provide into one bar chart in Markdown answering which category has the highest value. Use a single vega-lite fence, inline the data, choose a documented theme, and include a short explanation of the chart.
documd-visuals/SKILL.md ↗ · Checked Nov 5, 2026README.md ↗ · Checked Nov 5, 2026