Discover the toolingbehind modern intelligence
The operating system for AI infrastructure discovery. Search a live map of MCP servers, AI agents, LLM tools, automation systems, and developer infrastructure.
visual-explainer
Agent skill that generates rich HTML pages or slide decks for diagrams, diff reviews, plan audits, data tables, and project recaps
8.6kstars
578forks
HTML
Quality signals
StaleNo testsNo CIThin docsNo licensePopular
AI summary
Auto-generated overview of what this skill does and when to reach for it.
Turns terminal ASCII art, tables, and diagrams into clean, interactive HTML pages or slide decks that open in your browser.
Use this when
- You need a readable diagram instead of ASCII art
- An agent dumps a large table in the terminal
- Reviewing a diff with architecture context
- Comparing requirements against a plan
- Creating slide decks from project recaps
Don't use when
- You only need a quick terminal output
- The output is trivial (e.g., 2-row table)
- You’re working in a terminal-only environment
Capabilities
- Generates self-contained HTML pages with dark/light themes
- Renders Mermaid diagrams with zoom and pan
- Converts terminal tables into scrollable HTML tables
- Creates magazine-quality slide decks with transitions
- Auto-detects complex outputs (4+ rows or 3+ columns)
- Supports slide deck mode via --slides flag
InstallSKILLInstall as a Claude Code skill
Universal installANY TOOL
$ npx skillcity@latest nicobailon/visual-explainerAuto-detects the skill or MCP server in this repo and installs it for Claude Code, Codex, Cursor, Cline, OpenCode, Gemini CLI, Anti-Gravity, OpenClaw and Hermes.
Requires Node.js 18+ (ships with npx).
Or install manually
# Install into ~/.claude/skills/ mkdir -p ~/.claude/skills/visual-explainer curl -fsSL https://raw.githubusercontent.com/nicobailon/visual-explainer/main/SKILL.md -o ~/.claude/skills/visual-explainer/SKILL.md
Loading README…
Ask a simulated agent to run this skill. It loads the real SKILL.md and reasons over your task with NVIDIA.
visual-explainer — sandboxAI sandbox
Pick a quick prompt below or type your own — watch the agent execute this skill step by step.
guest@skillcity:~$Try a prompt