Visualization plugins

Claude Code and Codex plugins their authors filed under "visualization". All categories.

Generate beautiful HTML pages for diagrams, diff reviews, plan reviews, slides, and data tables

1 skill · 10 commands

nicobailon/visual-explainer 11,028

Answer hard questions with a one-page HTML: the model writes a short Markdown draft; the bundled CLI handles templates, SVG auto-layout and an STE controlled-writing check.

1 skill · 2 commands

QingYunA/answer-me-with-html 6,288

moonshine

claudecodex

Create interactive technical explanations inspired by Distill.pub

5 skills · hooks

enjalot/moonshine 54

openhop

claude

Animated data-flow diagrams your AI agent can write. Written by AI. Watched by humans.

1 skill · 2 commands

naorsabag/openhop 48

Draw diagrams with your agent on a live Excalidraw+ scene: 32 diagram types from a few lines of YAML, plus a lint that catches what agents get wrong on the canvas

1 skill

alberduris/skills 25

Generate self-contained HTML broadsheet newspapers to explain any subject worth reporting

1 skill

alberduris/skills 25

QingYunA/answer-me-with-html v0.5.11 pinned to a reviewed commit: a Markdown draft rendered into a standalone one-page HTML explainer by the bundled single-file CLI (am.mjs), with auto-laid-out diagrams and a controlled-writing check. Installs disabled; the show-me skill reads its SKILL.md by path.

1 skill · 2 commands

SunflowersLwtech/sunkit 13

archify

claude

tt-a1i/archify v3.1 pinned to a reviewed commit: typed JSON IR rendered as interactive standalone HTML diagrams (architecture, workflow, sequence, dataflow and more), checked in headless Chrome. Installs disabled; the show-me skill reads its SKILL.md by path.

1 skill

SunflowersLwtech/sunkit 13

show-me

claude

Delivery discipline for anything shown to another person: information on the canvas, prose budgets, multi-diagram pages that stand alone, and a handoff table for the renderer - static diagrams (diagram-design), browser-explored system diagrams (archify), one-page HTML explainers (answer-me-with-html). Works standalone; every renderer is optional.

1 skill

SunflowersLwtech/sunkit 13

Visualize your project as a 3D city. Launch with /city.

1 skill

Manavarya09/claude-city-plugin 8

Create clean, readable diagrams with Kroki, interactive HTML wrappers, and generated diagram indexes

1 skill

smoldrago/kroki-diagrams 6

vibehaus

claude

A cozy pixel house for your Claude Code agents: the lead, subagents and background tasks from every session as a Clawd household in an autumn garden, with hover cards, and a vibe fatigue band of your plan usage above the prompt.

rmguney/vibehaus 5

sketch-note

claudecodex

Generate visual sketch notes in Excalidraw format from conversations, code architecture, or custom content

3 skills · 1 agent

jskswamy/skills 3

Live Context Visualizer for Claude Code — turns Claude's reasoning into an interactive 2D/3D mindmap with HDR sun root, smooth hover, screen-space picking and additive tree growth. Runs fully local (Python + Three.js + D3).

1 command · hooks

Austro-Intelligence/ai-brainmap 3

Converts Claude Code Insights report.html into a beautiful dark-mode interactive dashboard (English/Korean) with optional Remotion-powered MP4 video generation featuring particle effects and dynamic animations.

1 command

jung-wan-kim/insights-ui 3

cc-viz

claude

Generates beautiful self-contained HTML pages for diagrams, diff reviews, plan reviews, slide decks, and data tables. Replaces ASCII art and terminal tables with styled output that opens in the browser.

1 skill · 6 commands

zm2231/cc-viz 2

typdd

claude

BDD (Binary Decision Diagram) visualization skill for Typst — draw, customize, and develop decision diagrams

2 skills

hmyuuu/typdd 2

Visualize live Claude Code sessions as desktop NPCs. Pairs with the PocketClaudes game (separate download).

1 skill · hooks

TeamBaconn/PocketClaudes 1

Guidance for writing correct, performant fastplotlib code for interactive scientific visualization, including multi-modal neuroscience visualization with the NDWidget.

1 skill

fastplotlib/claude-skills 1

Unified Dash + DMC + Plotly design system with validation MCP server

10 skills · 13 commands · 2 agents

l3ocho/mktpl-claude-datasaas 0

Generate beautiful HTML pages for diagrams, diff reviews, plan reviews, slides, and data tables

1 skill · 8 commands

Observatoriodomos/DomosMirador 0

Generate beautiful HTML pages for diagrams, diff reviews, plan reviews, slides, and data tables

1 skill · 7 commands

RUSHYOP/mirror-visual-explainer 0

Generate visually excellent, hand-drawn-style Excalidraw diagrams for anything — with a local render-and-inspect loop.

1 skill · hooks

sidfeels/excalidraw-diagrams 0

Laplaque Skills

claudecodex

Generate, read, update, and export draw.io diagrams from natural language via local Docker

2 skills

laplaque/laplaque-skills 0

nymph

claude

Charts and diagrams as PNG images from short YAML sources, through the nymph MCP tools and the nymph command.

1 skill · 1 MCP server

binary-dice-games/nymph 0

drawio

claude

建立和編輯 draw.io 圖表 - 流程圖、架構圖、序列圖等視覺化圖表生成

1 skill

RDCrystalLab/agentic-plugins 0

建立手繪風格 Excalidraw 圖表 - 架構圖、流程圖等視覺化圖表生成,支援 PNG 匯出

1 skill

RDCrystalLab/agentic-plugins 0

透過 OpenRouter API 生成圖片,支援 Flux、Gemini、GPT-5 Image 等多種模型。需要 OPENROUTER_API_KEY 環境變數。

1 skill

RDCrystalLab/agentic-plugins 0

Generate Mermaid diagrams (flowchart, sequence, ERD, C4, state, Gantt) from text descriptions.

1 skill

lars-hh/lars-cc-skills 0

Build an editable component input/output contract for any system as a claude.ai artifact.

1 skill

tosanjay/contract-map 0