What problem does it solve? Explaining a system, mechanism, or dataset visually often produces cluttered, interaction-heavy pages that hide the core lesson behind clicks and decorative animation. This Skill encodes a disciplined design philosophy so every visualization lands its point on load, in plain words, with real data. ## Core Features & Use Cases - Live dashboard boards: Writes Svelte boards to the test-ide fleet dashboard's canvas directory, reusing its component catalog (CodeFile, DiffView, FileIcon, Terminal) and theme tokens, with hot-reload on every save. - Self-contained HTML fallback: Produces a single vanilla HTML file with inline CSS and JS that opens from file:// with no network when the dashboard is unavailable. - System diagrams and data charts: Covers pipeline/protocol explainers, diff walkthroughs, and honest data charts with zero-based axes, direct labeling, and accessible contrast. - Use Case: Ask how sparse flake locks work and get a board showing the three modified files in VCS blue, a DiffView open on the real 18 added lines, a Terminal replaying the actual commands, and a faded contrast block showing the old cost, all visible with zero clicks. ## Quick Start Explain visually how our deployment pipeline promotes a build from staging to production.
