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

Awesome DESIGN.md ڈیزائن سسٹم دستاویزات (DESIGN.md) کا ایک منتخب مجموعہ ہے جو متعدد صنعتوں کی حقیقی ویب سائٹس سے حاصل کیا گیا ہے۔ یہ تصور Google Stitch سے ماخوذ ہے — ایک سادہ ٹیکسٹ مارک ڈاؤن فائل جسے AI ایجنٹس یہ سمجھنے کے لیے پڑھتے ہیں کہ UI کیسا نظر آنا اور محسوس ہونا چاہیے، بغیر کسی Figma ایکسپورٹ یا JSON اسکیمات کی ضرورت کے۔ اس ریپوزٹری میں فی الحال 73 سے زیادہ DESIGN.md فائلیں موجود ہیں جو بڑے برانڈز کا احاطہ کرتی ہیں جن میں AI پلیٹ فارمز (Claude, Cohere, Mistral, OpenAI, xAI)، ڈیولپر ٹولز (Cursor, Vercel, Raycast, Warp)، بیک اینڈ سروسز (ClickHouse, MongoDB, Supabase, Sentry)، پروڈکٹیوٹی SaaS (Linear, Notion, Zapier, Cal.com)، ڈیزائن ٹولز (Figma, Framer, Webflow)، فن ٹیک/کرپٹو (Stripe, Revolut, Coinbase, Wise)، ای کامرس (Airbnb, Nike, Shopify)، میڈیا برانڈز (Apple, Spotify, The Verge, WIRED)، اور آٹوموٹیو (BMW, Ferrari, Lamborghini, Tesla) شامل ہیں۔ ایک ریٹرو ویب سیکشن میں 1990 اور 2000 کی دہائیوں کے ونٹیج ڈیزائنز (Dell 1996, Nintendo.com 2001) بھی شامل ہیں۔ ہر DESIGN.md فائل Stitch کی تفصیلات پر عمل کرتی ہے اور عام طور پر اس میں بصری تھیم، معنوی ناموں اور ہیکس (hex) اقدار کے ساتھ رنگوں کا پیلیٹ، ٹائپوگرافی کے اصول، اجزاء کی اسٹائلنگ (بٹن، کارڈز، ان پٹس، نیویگیشن)، لے آؤٹ کے اصول اور فاصلہ پیمانہ (spacing scale)، گہرائی اور بلندی (depth and elevation)، کیا کریں اور کیا نہ کریں کی گائیڈ لائنز، ریسپانسیو رویہ، اور ایک ایجنٹ پرامپٹ گائیڈ شامل ہوتی ہے۔ ہر انٹری کے ساتھ ایک `preview.html` اور `preview-dark.html` بصری کیٹلاگ بھی فراہم کیا جاتا ہے جو رنگوں کے نمونے، ٹائپ اسکیل، بٹن اور کارڈز دکھاتا ہے۔ اسے استعمال کرنے کے لیے، DESIGN.md کو اپنے پروجیکٹ کے روٹ فولڈر میں کاپی کریں اور اپنے AI کوڈنگ ایجنٹ کو ہدایت دیں کہ وہ UI بناتے وقت اس کا حوالہ لے۔ صارفین getdesign.md/request کے ذریعے مخصوص ویب سائٹس کے لیے کسٹم DESIGN.md فائلوں کی درخواست بھی کر سکتے ہیں۔