visual-explainer

Generate self-contained HTML files for technical diagrams and data visualizations. Always open the result in the browser. Never fall back to ASCII art when this skill is loaded.

Proactive table rendering: When about to output a table with 4+ rows or 3+ columns, render it as styled HTML instead of ASCII. Open in browser.

The swap test: If you replaced your styling with a generic dark theme and nobody would notice the difference, you haven't designed anything. Push further.

Generieren Sie eigenständige HTML-Seiten, die Systeme, Datengeschichten, Untersuchungen, redaktionelle Arbeitsabläufe und Codeänderungen visuell erläutern. Verwenden Sie diese Option, wenn der Benutzer nach Diagrammen, Architekturansichten, visuellen Unterschieden, Datentabellen, Zeitleisten, Quellkarten oder einer anderen strukturierten Visualisierung fragt, deren Lesen als Terminalausgabe schwierig wäre. Wird auch für Tabellen mit mehr als 4 Zeilen oder mehr als 3 Spalten aktiviert. Adaptiert von nicobailon/visual-explainer mit Sinn für Journalismus, Nachrichtenredaktion und akademisches Design. Quelle: jamditis/claude-skills-journalism.