design-farmer - कोडबेस को पढ़कर उसे design system में व्यवस्थित करने वाले AI coding agent के लिए skill

रेपोज़िटरी का विश्लेषण करके मौजूदा design patterns निकालता है, फिर उन्हें tokens, components, tests और documents से लैस OKLCH-आधारित design system में विकसित करता है.

इसकी ज़रूरत क्यों है?

AI agents और vibe coding के साथ काम करते समय design consistency सबसे पहले टूटती है. रंग बिखरे हुए हो जाते हैं, spacing असमान हो जाती है, और dark mode पीछे छूट जाता है. अगर agent को स्पष्ट design constraints दिए जाएँ तो कहीं अधिक consistent UI मिलता है, लेकिन उसे हाथ से बनाना अक्सर जरूरत से ज़्यादा बड़ा काम बन जाता है.

Design Farmer इस पूरी प्रक्रिया को end-to-end automate करता है. यह codebase को पढ़ता है, पहले से मौजूद चीज़ों को समझता है, और उसी आधार पर production-level design system बनाता या upgrade करता है. token files हाथ से बनाने या color palette को copy-paste करने की ज़रूरत नहीं रहती.

मुख्य फीचर्स

• OKLCH-आधारित design tokens का संगठन
• primitive / semantic token hierarchy की संरचना
• accessibility को ध्यान में रखकर base components बनाना
• dark theme विस्तार
• DESIGN.md जनरेट करना
• style drift और token misuse की जाँच

लक्ष्य ऐसा repeatable design workflow बनाना है, जिसे agent आगे के कामों में भी लगातार संदर्भ के रूप में इस्तेमाल कर सके.

अगर awesome-design-md में दिया गया DESIGN.md फ़ाइल project में रख दिया जाए, तो यह उपयोगकर्ता की इच्छित system को समझकर काम शुरू करता है.