About explain-visually
explain-visually is an agent skill for explaining topics with visuals. It first checks whether a sentence is sufficient, then selects a diagram, comparison table, numeric trace, or annotated code as appropriate.
Key features
- 01Check whether visuals are needed
- 02Choose a format for the question
- 03Use available session renderers
- 04Fall back to text when needed
Use cases
- 01Show system structure with a diagram
- 02Compare options in a table
- 03Trace a mechanism with real numbers
- 04Explain implementation with annotated code
Install
Copy the command and run it in a terminal.
npx skills add https:/After installing, type/explain-visuallyin Claude Code to confirm it loaded.
Bundled filesevals/evals.json
Details
From the project READMEExplain Visually
Render the subject when a visual explanation is needed.
First decide whether one sentence fully answers the question. Rendering costs the user's time, so when one sentence is enough, write it and stop.
Otherwise choose a form suited to the question: a diagram for structure, a table for comparison, a trace with real numbers for a mechanism, or annotated code.
Check the available tools and use the best renderer the session provides. Use text in the reply only when nothing in the session can draw.