Design
Explainer Skill
Create interactive visual explainers — HTML files with embedded SVG diagrams, charts, sliders, and steppers that teach concepts through spatial and interactive means. Use this skill whenever the user asks to "explain", "visualize", "diagram", "illustrate", or "show how something works", and the output should be a standalone file they can open in a browser. Also trigger when the user asks for an interactive demo, a visual walkthrough, an animated explanation, a calculator or simulator for a concept, or any educational/explanatory artifact that benefits from interactivity rather than static text. This includes statistical concepts, system architectures, algorithms, scientific processes, business models, decision frameworks, data pipelines, and any "how does X work" question where seeing is understanding. Do NOT use for slide decks (use pptx), formal reports (use docx), or data dashboards with real data connections. This skill is for teaching and explaining through interactive visuals.