visual-explainerlisted

# Visual Explainer A skill for producing the kind of explainer artifact that makes a visual learner say "now I get it" in one pass. This is not a generic doc template. It's a specific aesthetic-and-pedagogical recipe that has been validated on real users and is intentionally designed to avoid the generic, slop-feeling output that comes from defaulting to bullet points, system fonts, and purple gradients. ## The core principle A great visual explainer rests on one structural insight: **the reader is not learning N separate ideas, they are watching one example travel through N stages.** Continuity of example is more valuable than variety of example. Every section reinforces a single mental thread, so by the end the reader has both the abstract framework AND a concrete instance fully developed in parallel. If you only remember one rule from this skill: pick ONE example, and develop it through every single section. Never introduce a second example just because it would illustrate a particular point better. Resist that urge. Continuity wins. ## When the form fits This format shines for: - Lifecycles, processes, workflows (product dev, hiring, deal flow, incident response) - Mental models and frameworks (SWOT, OODA loop, Cynefin, decision trees) - Layered taxonomies (defense in depth, stages of a market, levels of autonomy) - Conceptual journeys (how a packet travels the internet, how a bill becomes law) - "How something works" explanations with 4 to 10 logical stages It do