عن المشروع

Diagram Design هي مجموعة من 39 نوعًا من الرسوم البيانية عالية الجودة التحريرية، تُقدَّم كملفات HTML وSVG مستقلة، صُممت كمهارة أو إضافة لمساعدي البرمجة بالذكاء الاصطناعي بما في ذلك Claude Code وCodex وGitHub Copilot وFactory Droid وPi وKiro وOpenCode. الفلسفة الأساسية للمشروع هي أن الرسوم البيانية يجب أن تطابق الجودة البصرية للمحتوى المحيط بها بدلاً من أن تبدو كقوالب صناديق مستديرة عامة. يأتي كل نوع من أنواع الرسوم البيانية بثلاثة إصدارات ثابتة: فاتح بسيط، داكن بسيط، وتحريري كامل. جميع المخرجات مستقلة تمامًا دون خطوات بناء أو جافا سكريبت أو اعتماد على صور خارجية. تغطي الأنواع الـ 39 مجموعة واسعة من حالات الاستخدام بما في ذلك رسوم الهندسة المعمارية، والمخططات الانسيابية، ومخططات التسلسل، وآلات الحالة، ونماذج ER/البيانات، والجداول الزمنية، والممرات السباحية، والرباعيات، والمخططات الرادارية، والحلقات/العجلات الطائرة، والتسلسلات الهرمية المتداخلة، والأشجار، والمخططات التنظيمية، وحزم الطبقات، ومخططات فين، والأهرامات/القمع، والمخططات الشريطية، وخرائط الأشجار، والمخططات الخطية، ومخططات جانت، والمخططات المبعثرة، والحزم عالية المستوى، والعمليات، والهندسات الميدالية، وتدفقات البيانات، وتكاملات منصات البيانات، ومصفوفات الأمان، ومخططات سانكي، ومخططات عظم السمكة، وخرائط واردلي، ولوحات كانبان، ورحلات المستخدم، ومخططات النشر، والرسوم البيانية للتبعيات، ومخططات UML للفئات، وخرائط القصص، ومخططات قواعد البيانات، والمخططات القطبية، والمخططات الشلالية. من أبرز المميزات هو تدفق الإعداد لمطابقة العلامة التجارية. يمكن للمهارة جلب الصفحة الرئيسية لموقع ويب، واستخراج لوحة الألوان السائدة ومجموعة الخطوط، وربط القيم المكتشفة بأدوار دلالية (ورق، حبر، كتم، تمييز، رابط)، وتطبيقها على كل رسم بياني. تقوم تلقائيًا بإجراء فحوصات تباين WCAG AA وتصدر إيصالًا بالدقة يوثق عناوين URL التي تم أخذ عينات منها، وأدوار الألوان الدقيقة، وعائلات الخطوط، وأي بدائل. يمكن حفظ الملفات الشخصية ومشاركتها عبر مشاريع عملاء متعددة باستخدام ملف علامة `.diagram-design`. تدعم الأداة أيضًا استيراد الرسوم البيانية الموجودة من draw.io أو Mermaid أو Excalidraw وإعادة رسمها في نظام Diagram Design بالتنسيق والحجم ومستوى التفاصيل المختار. تصف الأنماط الدلالية السلوك بشكل منفصل عن التخطيط، بحيث يمكن للمفاهيم مثل قوائم الانتظار أو تتبعات السياسات أو حدود الثقة استخدام أقرب نوع موجود دون توسيع عدد الأنواع. تتوفر حركة اختيارية يمكن الوصول إليها للتفسيرات المرتبة، مع دعم تقليل الحركة وإعداد افتراضي ثابت. إمكانية الوصول مدمجة افتراضيًا: يتضمن كل SVG عناصر role="img" وaria-labelledby وعناصر title/desc مع بادئات معرف فريدة لكل رسم بياني لمنع التعارضات عند تضمين رسوم متعددة في صفحة واحدة. التثبيت متاح من خلال سوق الإضافات الأصلي لكل مضيف أو عبر استنساخ Git مباشر للتثبيتات القابلة للتحرير. توجد المهارة المشتركة في `skills/diagram-design/` وهي متوافقة مع جميع مضيفات Agent Skills المدعومة.