# Explain Visually

> Render an explanation as a diagram, comparison, trace with real values, or annotated code. Use when the user asks to have a concept, decision, flow, or code explained, or says they do not follow.

- Skill: `toy-crane/explain-visually` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add toy-crane/explain-visually`
- Raw SKILL.md: https://api.skillmd.com/api/skills/toy-crane/explain-visually/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Productivity
- Author: toy-crane (https://skillmd.com/u/toy-crane)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/toy-crane/explain-visually

---


# Explain 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.