# nicobailon/visual-explainer

Agent skill that generates rich HTML pages or slide decks for diagrams, diff reviews, plan audits, data tables, and project recaps

Repository: https://github.com/nicobailon/visual-explainer
Canonical: https://ross.abutalabs.com/products/visual-explainer
Language: HTML
License: MIT
License Family: permissive
Last push: 2026-08-20T05:41:12+00:00

## Health v2 (maintenance only)
Score: 81/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 98, release rhythm 98, longevity 14
- inputs: {"age_days": 198, "days_push": 13, "days_rel": 13, "gap_med": 1, "n_releases_24m": 20}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 9576, forks 642 (observed 2026-08-28T04:10:32.063628+00:00)

## What it is
An agent skill that turns complex terminal output from coding agents into styled, self-contained HTML pages and slide decks with diagrams, tables, and themes. It supports multiple agent harnesses (Claude Code, Codex CLI, Cursor, MCP hosts) and optionally exports to PPTX.

## Use cases
- generate html diagrams of system architecture from a coding agent
- review git diffs in a readable html page instead of terminal output
- audit a plan against requirements in a styled table
- turn agent output into slide decks
- create project recap pages with mermaid diagrams
- replace ascii art diagrams from llm agents with real visuals

## When to choose
- you use coding agents like Claude Code or Codex and want readable visual output
- you need interactive Mermaid diagrams with zoom and pan instead of ASCII art
- you want self-contained HTML pages with no build step
- you need to export agent-generated decks to PPTX

## When to avoid
- you need server-rendered or dynamic web applications rather than static explainers
- you require pixel-perfect PPTX output, since export is best-effort and HTML is the source of truth
- your workflow has no browser or agent harness support

## Facets
- artifact type: plugin
- maturity: active
- function: data-visualization, documentation, charts, templating
- domain: developer-tools, data-visualization, documentation
- platform: browser, cli, cross-platform
- tags: agent-skill, mermaid-diagrams, html-slides, claude-code, mcp-server, diff-review, pptx-export, coding-agent, ai-agents, nodejs

## Member repositories
- nicobailon/visual-explainer (main) score 81

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:10:32.063628+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:21:55.580881+00:00, confidence not recorded.
  - readme: https://github.com/nicobailon/visual-explainer (fetched 2026-08-28T04:10:32.063628+00:00, sha 170fbb615566)
- Data as of 2026-08-30T08:39:29.467469+00:00.