Explain Visually

Create a human-facing HTML artifact that explains an idea visually. Beauty serves clarity. The reader should understand the idea well enough to retell it.

Workflow

1. Understand

Read the source material. Identify the audience, core idea, moving parts, decisions, tradeoffs, and what the human should remember.

Ground the explanation in facts from the source. Prefer concrete names, paths, commands, interfaces, examples, and observed behavior over positioning language.

Default to explaining for a smart beginner. Define jargon before using it. If a term needs domain context, replace it with plain language or explain it visually.

2. Outline

Write the teaching path before building: