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.

Genera pagine HTML autonome che spiegano visivamente sistemi, storie di dati, indagini, flussi di lavoro editoriali e modifiche al codice. Da utilizzare quando l'utente richiede diagrammi, viste dell'architettura, differenze visive, tabelle di dati, sequenze temporali, mappe di origine o qualsiasi visualizzazione strutturata che sarebbe difficile da leggere come output del terminale. Si attiva anche per tabelle con 4+ righe o 3+ colonne. Adattato da nicobailon/visual-explainer con sensibilità di giornalismo, redazione e design accademico. Fonte: jamditis/claude-skills-journalism.