मल्टी-प्लेटफॉर्म एआई कोडिंग सहायक के लिए डायग्राम डिज़ाइन ओपन-सोर्स एजेंट स्किल लॉन्च

अवलोकन

LittleMight द्वारा diagram-design नामक एक ओपन-सोर्स प्रोजेक्ट जारी किया गया है, जो एआई कोडिंग एजेंटों को सेल्फ-कंटेन HTML और SVG डायग्राम बनाने में मदद करता है। यह स्किल 45 प्रकार के डायग्राम का समर्थन करती है, जिसका उद्देश्य बाहरी छवि निर्भरता या भारी जावास्क्रिप्ट फ्रेमवर्क पर निर्भर रहे बिना विशिष्ट ब्रांड पैलेट और टाइप्ोग्राफी के अनुरूप स्टाइल वाले ग्राफिक तैयार करना है।

मुख्य विशेषताएं और क्षमताएं

• सेल्फ-कंटेन आउटपुट: इनलाइन SVG वाला एक सिंगल `.html` फ़ाइल जेनरेट करता है जिसे किसी भी आधुनिक वेब ब्राउज़र में सीधे खोला जा सकता है।
• ब्रांड मिलान: मौजूदा डिज़ाइन पहचान से मेल खाने के लिए दिए गए वेबसाइट यूआरएल से स्वचालित रूप से ब्रांड रंग, पेपर बैकग्राउंड और फ़ॉन्ट परिवार प्राप्त करता है।
• इंपोर्ट समर्थन: Mermaid, draw.io, और Excalidraw प्रारूपों से मौजूदा फ़ाइलों को पार्स और फिर से तैयार कर सकता है।
• मल्टी-एजेंट संगतता: Claude Code, GitHub Copilot, Codex, Cursor, Qoder, Pi, Factory Droid, और अन्य एजेंट स्किल-संगत वातावरण सहित विभिन्न एआई सहायक होस्ट में काम करता है।

डिज़ाइन दर्शन

यह प्रोजेक्ट सामान्य गोलाकार बॉक्स और भारी छाया से दूर हटकर सख्त 4-पिक्सेल लेआउट ग्रिड, 1px हेयरलाइन और विशिष्ट फोकल पॉइंट को हाइलाइट करने के लिए संयमित रंग का उपयोग करता है। यह लाइट, डार्क और फुल-एडिटोरियल विजुअल वेरिएंट का समर्थन करता है।

सत्यापन और पहुंच

उपयोगकर्ता आधिकारिक रिपॉजिटरी की जांच कर सकते हैं, गोपनीयता दस्तावेजों की समीक्षा कर सकते हैं, और `cathrynlavery/diagram-design` के तहत होस्ट किए गए सार्वजनिक GitHub प्रोजेक्ट पर सीधे स्थापना चरणों को सत्यापित कर सकते हैं। आधिकारिक बिल्ड विशेष रूप से इसी रिपॉजिटरी के माध्यम से वितरित किए जाते हैं।