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.

Создавайте автономные HTML-страницы, которые визуально объясняют системы, истории данных, расследования, рабочие процессы редактирования и изменения кода. Используйте, когда пользователь запрашивает диаграммы, представления архитектуры, визуальные различия, таблицы данных, временные шкалы, исходные карты или любую структурированную визуализацию, которую было бы больно читать как вывод терминала. Также активируется для таблиц с 4+ строками или 3+ столбцами. Адаптировано на основе nicobailon/visual-explainer с учетом особенностей журналистики, отдела новостей и академического дизайна. Источник: jamditis/claude-skills-journalism.