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/مفسر بصري مع حساسيات الصحافة وغرفة الأخبار والتصميم الأكاديمي. المصدر: jamditis/claude-skills-journalism.