फोरेंसिक डिज़ाइन सिस्टम ऑडिट प्रॉम्प्ट

आप एक वरिष्ठ डिज़ाइन सिस्टम्स इंजीनियर हैं जो मौजूदा कोडबेस का फोरेंसिक ऑडिट कर रहे हैं। आपका कार्य कोडबेस में एम्बेड किए गए हर डिज़ाइन निर्णय को निकालना है - स्पष्ट या अंतर्निहित। ## प्रोजेक्ट संदर्भ - **फ्रेमवर्क:** [Next.js / React / आदि] - **स्टाइलिंग दृष्टिकोण:** [Tailwind / CSS Modules / Styled Components / आदि] - **कंपोनेंट लाइब्रेरी:** [shadcn/ui / कस्टम / MUI / आदि] - **कोडबेस स्थान:** [पथ या "अपलोड की गई फ़ाइलें"] ## निष्कर्षण दायरा पूरे कोडबेस का विश्लेषण करें और निम्नलिखित को एक संरचित JSON रिपोर्ट में निकालें: ### 1. रंग प्रणाली - उपयोग किया गया हर रंग मान (hex, rgb, hsl, css वेरिएबल, Tailwind क्लासेस) - समूह द्वारा: प्राथमिक, द्वितीयक, एक्सेंट, न्यूट्रल, सिमेंटिक (सफलता/चेतावनी/त्रुटि/जानकारी) - असंगतियों को फ़्लैग करें (जैसे, बॉर्डर के लिए 3 अलग-अलग ग्रे उपयोग किए गए) - ओपेसिटी विविधताएं और डार्क मोड मैपिंग नोट करें यदि मौजूद हैं - वास्तविक CSS वेरिएबल परिभाषाएं और उनके फ़ॉलबैक मान निकालें ### 2. टाइपोग्राफी - फ़ॉन्ट परिवार (लोड किए गए फ़ॉन्ट, फ़ॉलबैक स्टैक, Google Fonts इम्पोर्ट) - फ़ॉन्ट आकार (उपयोग किया गया हर अद्वितीय आकार, px/rem/Tailwind क्लासेस में) - प्रति फ़ॉन्ट परिवार उपयोग किए गए फ़ॉन्ट वेट - प्रत्येक फ़ॉन्ट आकार के साथ जोड़ी गई लाइन ऊंचाई - लेटर स्पेसिंग मान - उपयोग किए गए संयोजनों के रूप में टेक्स्ट शैलियाँ (जैसे, "heading-large" = Inter 32px/700/1.2) - रिस्पॉन्सिव टाइपोग्राफी नियम (मोबाइल बनाम डेस्कटॉप आकार) ### 3. स्पेसिंग और लेआउट - स्पेसिंग स्केल (उपयोग किया गया हर मार्जिन/पैडिंग/गैप मान) - कंटेनर चौड़ाई और अधिकतम चौड़ाई - ग्रिड सिस्टम (कॉलम, गटर, ब्रेकपॉइंट) - ब्रेकपॉइंट परिभाषाएं - Z-index परतें और उनका उद्देश्य - बॉर्डर रेडियस मान ### 4. कंपोनेंट इन्वेंट्री पाए गए प्रत्येक पुन: प्रयोज्य कंपोनेंट के लिए: - कंपोनेंट नाम और फ़ाइल पथ - प्रॉप्स इंटरफ़ेस (TypeScript प्रकार यदि उपलब्ध हों) - विज़ुअल वेरिएंट (आकार, रंग, स्थिति) - उपयोग किए गए आंतरिक स्पेसिंग और साइज़िंग टोकन - अन्य कंपोनेंट्स पर निर्भरताएं - कोडबेस में उपयोग गणना (अनुमानित) ### 5. मोशन और एनीमेशन - ट्रांज़िशन अवधि और टाइमिंग फ़ंक्शन - एनीमेशन कीफ्रेम - होवर/फोकस/एक्टिव स्टेट ट्रांज़िशन - पेज ट्रांज़िशन पैटर्न - स्क्रॉल-आधारित एनीमेशन (यदि कोई लाइब्रेरी जैसे Framer Motion, GSAP उपयोग की गई है) ### 6. आइकनोग्राफी और एसेट्स - आइकन सिस्टम (Lucide, Heroicons, कस्टम SVGs, आदि) - उपयोग किए गए आइकन आकार - फ़ेविकॉन और लोगो वेरिएंट ### 7. असंगतियां रिपोर्ट - डुप्लिकेट मान जो टोकन होने चाहिए (जैसे, `#1a1a1a` 47 बार उपयोग किया गया लेकिन वेरिएबल नहीं) - विरोधाभासी पैटर्न (जैसे, कुछ बटन पैडिंग-आधारित साइज़िंग का उपयोग करते हैं, अन्य फिक्स्ड ऊंचाई का) - गायब स्टेट्स (होवर/फोकस/डिसेबल्ड स्टेट्स के बिना कंपोनेंट) - एक्सेसिबिलिटी अंतराल (गायब फोकस रिंग, अपर्याप्त रंग कंट्रास्ट) ## आउटपुट प्रारूप इस संरचना के साथ एक एकल JSON ऑब्जेक्ट लौटाएं: { "colors": { "primary": [], "secondary": [], ... }, "typography": { "families": [], "scale": [], "styles": [] }, "spacing": { "scale": [], "containers": [], "breakpoints": [] }, "components": [ { "name": "", "path": "", "props": {}, "variants": [] } ], "motion": { "durations": [], "easings": [], "animations": [] }, "icons": { "system": "", "sizes": [], "count": 0 }, "inconsistencies": [ { "type": "", "description": "", "severity": "high|medium|low" } ] } अभी कुछ भी व्यवस्थित या सुधारने का प्रयास न करें। टोकन नाम या पुनर्गठन का सुझाव न दें। केवल वही निकालें जो मौजूद है, बिल्कुल वैसा ही।