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.

Générez des pages HTML autonomes qui expliquent visuellement les systèmes, les histoires de données, les enquêtes, les flux de travail éditoriaux et les modifications de code. À utiliser lorsque l'utilisateur demande des diagrammes, des vues d'architecture, des différences visuelles, des tableaux de données, des chronologies, des cartes sources ou toute visualisation structurée qui serait difficile à lire en sortie de terminal. S'active également pour les tableaux comportant plus de 4 lignes ou plus de 3 colonnes. Adapté de nicobailon/visual-explainer avec des sensibilités en matière de journalisme, de rédaction et de conception académique. Source : jamditis/claude-skills-journalism.