منصوبے کے بارے میں

ڈایاگرام ڈیزائن 39 ادارتی معیار کے خاکوں کی اقسام کا ایک مجموعہ ہے، جو خودمحتوی HTML اور SVG فائلوں کی شکل میں فراہم کیا جاتا ہے۔ یہ AI کوڈنگ اسسٹنٹس کیلئے ایک مہارت (skill) یا پلگ ان کے طور پر ڈیزائن کیا گیا ہے، جن میں Claude Code، Codex، GitHub Copilot، Factory Droid، Pi، Kiro اور OpenCode شامل ہیں۔ اس پروجیکٹ کا بنیادی فلسفہ یہ ہے کہ خاکے اپنے ارد گرد کے مواد کے بصری معیار سے مطابقت رکھتے ہوں، نہ کہ عام گول خانے والے ٹیمپلیٹس کی طرح نظر آئیں۔ ہر خاکے کی قسم تین جامد شکلوں میں دستیاب ہے: minimal light، minimal dark اور full-editorial۔ تمام آؤٹ پٹ خودمحتوی ہوتا ہے، جس میں کوئی بلڈ مرحلہ، JavaScript یا بیرونی تصویری انحصار نہیں ہوتا۔ یہ 39 اقسام استعمال کے وسیع معاملات کا احاطہ کرتی ہیں، جن میں آرکیٹیکچر ڈایاگرام، فلو چارٹس، سیکوئنس ڈایاگرام، اسٹیٹ مشینیں، ER/ڈیٹا ماڈلز، ٹائم لائنز، سوئم لینز، کواڈرینٹس، ریڈار چارٹس، لوپس/فلائی وہیلز، نیسٹڈ ہائرارکیز، ٹریز، آرگ چارٹس، لیئر اسٹیکس، وین ڈایاگرام، پیرامڈ/فنلز، بار چارٹس، ٹری میپس، لائن چارٹس، گینٹ چارٹس، سکیٹر پلاٹس، ہائی-لیول اسٹیکس، پروسیسز، میڈلین آرکیٹیکچرز، ڈیٹا فلو، ڈیٹا پلیٹ فارم انٹیگریشنز، سیکیورٹی میٹرکس، سنکی ڈایاگرام، فش بون ڈایاگرام، وارڈلی میپس، کانبان بورڈز، یوزر جرنیز، ڈیپلائمنٹ ڈایاگرام، ڈیپنڈنسی گرافس، UML کلاس ڈایاگرام، اسٹوری میپس، ڈیٹابیس سکیما، پولر چارٹس اور واٹر فال چارٹس شامل ہیں۔ ایک اہم امتیازی خصوصیت برانڈ-مطابقت کا آن بورڈنگ فلو ہے۔ یہ مہارت کسی ویب سائٹ کے ہوم پیج کو حاصل کرکے اس کے غالب رنگوں اور فونٹ اسٹیک کو نکال سکتی ہے، دریافت شدہ اقدار کو معنوی کرداروں (paper، ink، muted، accent، link) سے منسوب کرتی ہے اور انہیں ہر خاکے پر لاگو کرتی ہے۔ یہ خودکار طور پر WCAG AA کنٹراسٹ چیک کرتی ہے اور ایک فیڈیلیٹی رسید تیار کرتی ہے جس میں نمونہ شدہ یو آر ایل، درست رنگوں کے کردار، فونٹ فیملیز اور کسی بھی فال بیک کی دستاویز ہوتی ہے۔ پروفائلز کو `.diagram-design` مارکر فائل کے ذریعے متعدد کلائنٹ پروجیکٹس میں محفوظ اور شیئر کیا جا سکتا ہے۔ یہ ٹول draw.io، Mermaid یا Excalidraw سے موجودہ خاکوں کی درآمد اور انہیں ڈایاگرام ڈیزائن سسٹم میں منتخب کردہ فارمیٹ، سائز اور تفصیل کی سطح پر دوبارہ ڈرائنگ کرنے کی بھی حمایت کرتا ہے۔ سیمینٹک پیٹرن لے آؤٹ سے الگ رویے کی وضاحت کرتے ہیں، تاکہ قطاریں (queues)، پالیسی ٹریسز یا ٹرسٹ باؤنڈریز جیسے تصورات قریب ترین موجودہ قسم استعمال کر سکیں، بغیر اقسام کی تعداد بڑھائے۔ ترتیب وار وضاحتوں کیلئے اختیاری متحرک (accessible motion) دستیاب ہے، جس میں reduced-motion کی حمایت اور ایک جامد ڈیفالٹ شامل ہے۔ رسائی بنیادی طور پر شامل ہے: ہر SVG میں role="img"، aria-labelledby اور title/desc عناصر شامل ہیں، جن میں ہر خاکے کیلئے ID کا سابقہ (prefix) موجود ہوتا ہے تاکہ ایک صفحے پر متعدد خاکے لگانے پر تصادم سے بچا جا سکے۔ انسٹالیشن ہر میزبان کے مقامی پلگ ان مارکیٹ پلیس کے ذریعے یا قابل تدوین انسٹال کیلئے براہ راست Git کلون کے ذریعے دستیاب ہے۔ مشترکہ مہارت `skills/diagram-design/` میں واقع ہے اور یہ تمام معاون Agent Skills میزبانوں کے ساتھ مطابقت رکھتی ہے۔