اوپن سورس۔ نئے امکانات۔

design-md-hub 120 برانڈ ڈیزائن سسٹمز کا اوپن سورس ذخیرہ ہے، جنہیں لائیو پروڈکشن سائٹس سے ریورس انجینئر کیا گیا ہے تاکہ AI کوڈنگ ایجنٹس برانڈ پر مبنی UI پیدا کر سکیں۔ ہر ایک میں رنگ، ٹائپوگرافی، کمپوننٹس، گارڈ ریلز اور پیش نظارہ HTML فائل شامل ہے۔

حقیقی ویب سائٹس اور برانڈز سے اخذ کردہ DESIGN.md فائلوں کا ایک منتخب مجموعہ۔ اپنے پروجیکٹ میں ایک DESIGN.md شامل کریں اور AI کوڈنگ ایجنٹس کو اس برانڈ کی بصری شناخت، رنگوں، ٹائپوگرافی، اور لے آؤٹ کے نمونوں کے مطابق UI بنانے دیں۔

brandmd ایک CLI ہے جو کسی ویب سائٹ کے ڈیزائن سسٹم کو ایک spec-valid DESIGN.md فائل میں تبدیل کرتا ہے جو @google/design.md linter سے منظور شدہ ہوتی ہے، تاکہ Claude Code اور Cursor جیسے ایجنٹس کو UI لکھنے سے پہلے برانڈ سیاق و سباق مل سکے۔

Dembrandt ایک Node.js CLI ہے جو Playwright کے ساتھ ایک سائٹ کو رینڈر کرتا ہے، کمپیوٹڈ DOM اسٹائلز کو پڑھتا ہے، اور رنگوں، ٹائپوگرافی، اسپیسنگ، بارڈرز، شیڈوز، موشن اور اجزاء کو W3C ڈیزائن ٹوکنز میں تبدیل کرتا ہے، جس میں CI ڈرفٹ گیٹس اور MCP سپورٹ شامل ہے۔

oh-my-design AI کوڈنگ ایجنٹس میں ڈیزائن سسٹم حوالہ جات اور مہارتیں انسٹال کرتا ہے۔ ایک کمانڈ کے ذریعے 440+ کمپنی ڈیزائن حوالہ جات، 28 مہارتیں اور 20 ماہرانہ کردار Claude Code, Codex, Cursor اور OpenCode میں شامل ہوتے ہیں۔ یہ فلسفہ، ٹوکنز اور اجزاء کے معاہدوں کے ساتھ ایک پورٹیبل DESIGN.md بناتا ہے۔

ڈیزائنMD ایک CLI ٹول ہے جو کسی بھی URL سے لائیو ڈیزائن سسٹم — رنگ، ٹائپوگرافی، اسپیسنگ، بریک پوائنٹس، اور تعاملی حالتیں — نکالتا ہے اور AI کوڈنگ ایجنٹس کے لیے موزوں DESIGN.md فائل بناتا ہے۔