Updated 1d ago
by nicobailon
visual-explainer
Agent skill that generates rich HTML pages or slide decks for diagrams, diff reviews, plan audits, data tables, and project recaps
10.5k GitHub stars (10,456)
+531 in 20 days
| Period | New stars |
|---|---|
| Sep 27 | +1 |
| Sep 28 | +3 |
| Sep 29 | +16 |
| Sep 30 | +8 |
| Oct 1 | +10 |
| Oct 2 | +219 |
| Oct 3 | +31 |
| Oct 4 | +19 |
| Oct 5 | +17 |
| Oct 6 | +16 |
| Oct 7 | +13 |
| Oct 8 | +10 |
| Oct 9 | +18 |
| Oct 10 | +20 |
| Oct 11 | +10 |
| Oct 12 | +22 |
| Oct 13 | +22 |
| Oct 14 | +30 |
| Oct 15 | +24 |
| Oct 16 | +22 |
- 1 skill (1 skills found in its SKILL.md files)
- 676 forks (676 forks)
- 1d ago last update (Last updated 1d ago)
Install
Skills CLI
npx skills add nicobailon/visual-explainer
Asks which agents to install it for. Add -g to install it for every project.
Claude Code
git clone https://github.com/nicobailon/visual-explainercp -r "visual-explainer/plugins/visual-explainer" ~/.claude/skills/
Copies the visual-explainer skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project).
Plugin
/plugin marketplace add nicobailon/visual-explainer
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
visual-explainer
Generate self-contained HTML visual explanations for systems, code changes, plans, data, and technical concepts. Use for diagrams, architecture overviews, diff or plan reviews, project recaps, comparison tables, slide decks, and other visual explanations.
plugins/visual-explainer/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.