Visual Explainer
حوّل المخرجات التقنية إلى صفحات HTML تفاعلية
التثبيت
تتضمن سكربتاتWhen technical output, system diagrams, or data need visual HTML explanations instead of terminal text
- المؤلف
- nicobailon
- الترخيص
- MIT
نظرة عامة
تحوّل Visual Explainer المعلومات التقنية إلى صفحات HTML جاهزة للنشر. سواء كنت تشرح بنية نظام أو تغييرات في الشيفرة أو مقاييس أو خطط مشروع، فإنها تنشئ عناصر بصرية تدعم التنقل بلوحة المفاتيح وحالات التركيز والوضع الداكن تلقائياً، دون الحاجة إلى تبعيات خارجية.
أبرز المزايا
- عرض مخططات Mermaid الانسيابية ومخططات التسلسل ومخططات ER ونماذج C4 وآلات الحالات، مع أدوات للتكبير والتحريك
- إنتاج HTML مستقل بالكامل باستخدام ترميز دلالي
- فرض دعم الوصول عبر لوحة المفاتيح ومؤشرات التركيز وتقليل الحركة
- دعم شرائح العروض وتخطيطات المقارنة للعروض التقديمية والمراجعات
- وضع Quick اختياري لمواصفات JSON خفيفة مع تحقق منفصل
لمن تصلح
استخدم هذه المهارة عندما تكون المخرجات التقنية بصرية بطبيعتها ولا تكفي رسومات ASCII لشرحها. فهي توضح مراجعات البنية، وتشرح فروق الشيفرة، وتلخّص البيانات، وتنظم الخطط الاستراتيجية، محوّلةً التعقيد إلى عناصر بصرية مفهومة لأصحاب المصلحة من نظرة واحدة.
مهارات مشابهة
Web Design Engineer
مهارةصمّم واجهات ويب متقنة برؤية بصرية واضحة
Draw.io Diagrams
مهارةحوّل الأفكار التقنية والكود إلى مخططات draw.io قابلة للتحرير
Playground
مهارةينشئ ساحات HTML مستقلة بتحكم مباشر ومخرجات قابلة للنسخ
التعليقات(0)
سجّل الدخول للتعليق