plannotator-visual-explainer
Visual plans and code walkthroughs you can annotate.
What it does
Creates themed HTML explanations of technical plans, code changes, and other technical material for review in Plannotator.
When to use it
Use for implementation plans, PR explainers, architecture diagrams, data tables, slide decks, and visual explanations of technical concepts.
How to use it
Give it technical material to explain; it creates an HTML visualization and presents it in Plannotator's annotation UI, using approval gating for plans and proposals.
Uses
Good to know
- acts without asking
- edits its own instructions
What you need · 2
Requires the plannotator command to present deliverables in its annotation UI; plans and proposals use the --gate flag.
Required for the general visual-explanation path, which follows its workflow and templates; the agent installs it if missing. The plan and PR paths use their own prescribed structures.
Access · 2
This skill
Pierre diffs
Loads Pierre diffs from CDN
npx skills add nicobailon/visual-explainer -g --yes
Installs visual-explainer globally