What problem does it solve? Markdown summaries of concepts, codebases, or investigations are hard for newcomers to absorb. This Skill turns explanations into a single self-contained HTML page with hand-authored inline SVG diagrams that carry the teaching, readable by someone with zero prior context. ## Core Features & Use Cases - Single-file output: All CSS, SVG, and optional JS live inside one .html file that renders offline with no external dependencies, fonts, or images. - Template gallery: Twenty example pages in examples/ (concept explainers, codebase walkthroughs, flowcharts, slide decks, incident reports, status dashboards) serve as mandatory starting points matched to the content type. - Diagram-first teaching: Inline SVG visuals must show flow, structure, or sequence rather than decorate, with accessibility attributes and theme-aware colors. - Use Case: After investigating how authentication flows through a codebase, produce explainers/how-auth-works.html at the repo root that a new teammate can read once and explain back. ## Quick Start Ask the AI to explain how a concept or part of your codebase works as a visual HTML explainer page instead of a Markdown document.
