फ्रंटएंड डिज़ाइन सुधार में हर हफ्ते 5 घंटे बर्बाद करने का कारण
makedream2026年4月28日
0
Computing/Software
Comments (0)
Log in to leave a comment
No posts yet
makedreammakedreamLog in to leave a comment
No posts yet
Claude Code या Cursor का उपयोग करने से लॉजिक तो तेज़ हो जाता है, लेकिन UI अभी भी अस्त-व्यस्त रहता है। AI द्वारा दिए गए फॉन्ट साइज़ और मार्जिन सब अलग-अलग होते हैं। इस स्थिति को 'AI डिज़ाइन स्लॉप' (AI Design Slop) कहा जाता है, जिसके कारण छोटी टीमों के डेवलपर्स हर हफ्ते 5 घंटे CSS प्रॉपर्टीज़ को ओवरराइड करने में बर्बाद कर देते हैं।
AI 8px ग्रिड सिस्टम जैसे मानकों को नहीं जानता है। यह 10px, 15px को मनमाने ढंग से मिलाकर कोडबेस को दूषित कर देता है। इनलाइन स्टाइल का अंधाधुंध उपयोग करके तकनीकी ऋण (technical debt) जमा करना और भी बड़ी समस्या है। बस परिणाम को सुधारने का तरीका अब बंद कर देना चाहिए। डिज़ाइन भाषा को कोडबेस में जबरन इंजेक्ट करना होगा।
मौजूदा प्रोजेक्ट को Impeccable डिज़ाइन मानकों के अनुकूल बनाने के लिए, सिर्फ टूल इंस्टॉल करने से आगे बढ़कर AI को डिज़ाइन संदर्भ सिखाना होगा। दोहराव वाले कार्यों को कम करने के लिए इन 3 चरणों का पालन करें:
/teach-impeccable कमांड का उपयोग करके वर्तमान प्रोजेक्ट के package.json और CSS फ़ाइलों को स्कैन करें। AI स्वचालित रूप से एक प्रोजेक्ट-विशिष्ट डिज़ाइन नियम फ़ाइल .claude/rules/impeccable.md तैयार करेगा।spacing सेक्शन में 8px ग्रिड सिस्टम को मानक के रूप में लागू करते हैं, तो AI अब मनमानी वैल्यूज़ नहीं बनाएगा।clamp() फ़ंक्शन का उपयोग करें। चूँकि फॉन्ट डिवाइस के आकार के अनुसार स्वचालित रूप से समायोजित हो जाता है, इसलिए आपको रिस्पॉन्सिव कार्यों पर मैन्युअल रूप से काम करने की आवश्यकता नहीं होगी।इस प्रक्रिया के बाद, AI सीधे प्रोजेक्ट टोकन को संदर्भित करेगा। आप प्रति सप्ताह 5 घंटे से अधिक के सुधार कार्य को काफी हद तक कम कर सकते हैं।
मैन्युअल निरीक्षण अब पुराना तरीका है। Impeccable के /audit फ़ंक्शन को CI/CD पाइपलाइन में एकीकृत करें ताकि इंसानों से अधिक सटीकता के साथ गुणवत्ता की जांच की जा सके।
npx @impeccable/detect को GitHub Actions में जोड़ें। हर बार जब आप PR अपलोड करते हैं, तो यह स्वचालित रूप से कोड की जांच करेगा। यदि एक्सेसिबिलिटी (WCAG) उल्लंघन या एंटी-पैटर्न का पता चलता है, तो बिल्ड को रोक दें।ऐसा करने से, खराब कोड के मुख्य ब्रांच में आने की कोई गुंजाइश नहीं रहेगी।
AI आपके निर्देश देने के तरीके के आधार पर अलग परिणाम देता है। UI जनरेट करने से पहले, प्रोजेक्ट रूट की CLAUDE.md फ़ाइल में स्पष्ट प्रतिबंध लिखें।
जो डेवलपर्स स्पष्ट मानक निर्धारित करते हैं और गुणवत्ता निगरानी प्रणाली रखते हैं, वे साधारण कोडर से अलग होते हैं। एक सिस्टम ऑपरेटर बनें जो डिज़ाइन की गुणवत्ता को खुद डिज़ाइन और प्रबंधित करता है।