इस प्रोजेक्ट के बारे में
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 स्टिच स्पेसिफिकेशन का पालन करता है और आमतौर पर इन खंडों पर शामिल होता है: विजुअल थीम, रंग पैलेट (सैमान्टिक नाम और हेक्स वैल्यू के साथ), टाइपोग्राफी नियम, कॉम्पोनेंट स्टाइलिंग (बटन, कार्ड, इनपुट, नेविगेशन), लेआउट सिद्धांत और स्पेसिंग स्केल, गहराई और इलेवेशन, do's और don'ts गार्डरेल, रेस्पॉन्सिव व्यवहार, और एक एजेंट प्रॉम्प्ट गाइड। हर एंट्री में `preview.html` और `preview-dark.html` वज़ुअल कैटलॉग भी शामिल होते हैं जो रंग स्वाच, टाइप स्केल, बटन और कार्ड दिखाते हैं।
अपने प्रोजेक्ट में DESIGN.md कॉपी करें और AI कोडिंग एजेंट को UI बनाते समय इसका संदर्भ देने के लिए निर्देश दें। उपयोगकर्ता getdesign.md/request के जरिए किसी विशिष्ट वेबसाइट के लिए कस्टम DESIGN.md फ़ाइलें भी मांग सकते हैं।
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.