Visual Explainer
Generates self-contained HTML visuals for systems, diffs, plans and data.
Install
npx skills add nicobailon/visual-explainer --skill visual-explainer -g -a claude-code -y- Repository
- nicobailon/visual-explainer10.7k
- Category
- Design
- Updated
- 5d ago
- License
- MIT
- Context cost
- Mediumabout 1,968 tokens
- Runs scripts
- Yes, review before use
What it does
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, animated explainers, narrated MP4 videos, and other visual explanations.
Visual Explainer
Turn what you know into something a person understands in ten seconds. The default output is one HTML page whose spine is figures; text is caption, not content. Animate when motion helps the reader understand a process, a flow, a change of state, or cause and effect; keep what is static still.
