What problem does it solve? Explaining an unfamiliar topic to a complete beginner often produces long walls of text that are hard to absorb. This Skill turns any topic into a single self-contained HTML page built around one large visual and very few words, so the core idea is understood at a glance. ## Core Features & Use Cases - Single-file HTML output: Produces one self-contained index.html with inline CSS and SVG, no external scripts, fonts, or images, saved to a timestamped artifact directory. - Minimal visual selection: Chooses the smallest fitting representation for the topic, such as a labeled diagram, comparison table, flowchart, annotated code, diff, or chart based only on verified data. - Diagram integration and validation: Delegates formal diagrams to the diagram-design workflow, runs self_check.py, and embeds only validated SVG with accessibility attributes. - Responsive and accessible verification: Checks the result at desktop width, 390px mobile width, and 200% text zoom for overflow, overlap, and readability. - Use Case: Ask for an explanation of how DNS works, and receive a single HTML page with one large labeled diagram and a few short captions instead of a long prose answer. ## Quick Start Use $visual-eli5 to explain how DNS resolution works as a big picture with few words.
