इस प्रोजेक्ट के बारे में

# ux-skill — AI कोडिंग टूल्स के लिए डिज़ाइन इंटेलिजेंस इंजन ux-skill एक **डिज़ाइन इंटेलिजेंस इंजन** है जो AI-जनरेटेड UI को सामान्य के बजाय विशिष्ट बनाने के लिए डिज़ाइन किया गया है। यह Claude Code, Cursor, Windsurf, GitHub Copilot, Gemini CLI, Codex और अन्य सहित 17 AI कोडिंग टूल्स के साथ एकीकृत होता है। इंजन मुफ़्त है, MIT-लाइसेंस प्राप्त है, ऑफ़लाइन काम करता है, और कभी भी LLM को कॉल नहीं करता है। ## मुख्य विशेषताएं - **निर्धारक 7-एक्सिस सिंथेसाइज़र**: टेम्पलेट्स से चुनने के बिना ब्रीफ्स को नए डिज़ाइन टोकन (गर्माहट, कंट्रास्ट, घनत्व, ज्यामिति, औपचारिकता, गति, टाइप व्यक्तित्व) में संकलित करता है। - **152 एंटी-AI-स्लॉप लिंटर नियम**: निर्धारक regex-आधारित नियम जो CI में चलते हैं और Critical/High मुद्दों पर गैर-शून्य निकास करते हैं। - **160 ब्रांड स्पेक्स**: Apple, Stripe, Linear, Figma, Tesla, BMW, Notion, Spotify, Airbnb, Vercel, Supabase, Cursor, Raycast, Claude और अधिक जैसे ब्रांडों के लिए वास्तविक DESIGN.md स्पेक्स। - **12 क्वेरी योग्य JSON मैनिफेस्ट**: 84 शैलियाँ, 176 पैलेट, 70 टाइप जोड़ियाँ, 148 घटक, 184 उद्योग, 35 चार्ट प्रकार, 57 मोशन प्रीसेट, 112 UX कानून, 152 एंटी-पैटर्न नियम, 25 टेक स्टैक और 160 ब्रांड स्पेक्स। - **25 स्लैश कमांड**: डिस्कवरी, जनरेशन, ऑडिट, लिंट, पॉलिश, फिक्स लूप, केस-स्टडी, वर्कशॉप, कॉपी, मोशन, a11y, डैशबोर्ड और कंडक्टर कमांड। - **5 उप-एजेंट**: फ्रंटएंड इंजीनियर, मोशन इंजीनियर, कॉपी राइटर, रिसर्च सिंथेसाइज़र और डिज़ाइन सिस्टम आर्किटेक्ट। - **18 MCP टूल्स**: जिसमें ux_synthesize, ux_decisions_query और ux_decisions_stats शामिल हैं। - **17 IDE समर्थन**: प्रति IDE अलग गोंद के साथ एक ही इंजन। - **ऑफ़लाइन और निर्धारक**: कोई LLM कॉल नहीं, समान इनपुट हमेशा समान आउटपुट उत्पन्न करता है। ## स्थापना तीन इंस्टॉल पथ उपलब्ध हैं: ### पथ 1 — Claude Code मार्केटप्लेस (विहित) ```bash /plugin marketplace add Laith0003/ux-skill /plugin install ux@ux-skill ``` ### पथ 2 — pip (सार्वभौमिक) ```bash pip install uxskill uxskill init # आपके IDE का स्वतः पता लगाता है, सही आर्टिफैक्ट स्थापित करता है uxskill stats # इंस्टॉल सत्यापित करने के लिए मैनिफेस्ट गिनती प्रिंट करता है uxskill lint . # वर्तमान निर्देशिका के विरुद्ध लिंटर चलाता है ``` ### पथ 3 — npx (Python की आवश्यकता नहीं) ```bash npx uxskill init # पहली बार pipx + uxskill डाउनलोड करता है npx uxskill recommend --industry=fintech-neobank --tone=warm --stack=nextjs-15-app-router ``` ## यह कैसे काम करता है 1. **इनपुट**: `/ux-discover` (10 फ़ील्ड) या `ux recommend` के फ्लैग्स के माध्यम से एक ब्रीफ प्रदान करें। 2. **5 समानांतर खोजें**: इंजन मैनिफेस्ट (उद्योग, शैली, स्वर, स्टैक, निषिद्ध/क्षेत्र) में पाँच लुकअप समवर्ती रूप से चलाता है। 3. **मर्ज**: एक निर्धारक मर्जर उम्मीदवारों को रैंक करता है और संघर्षों को हल करता है। 4. **आउटपुट**: शैली, पैलेट, टाइप जोड़ी, मोशन प्रीसेट, घटक, ब्रांड उदाहरण और एंटी-पैटर्न गार्डरेल के साथ एक JSON दस्तावेज़। 5. **जनरेशन**: डाउनस्ट्रीम कमांड उप-एजेंटों के माध्यम से कोड उत्पन्न करने के लिए अनुशंसा का उपभोग करते हैं। 6. **सत्यापन**: `/ux-lint` 152 regex नियमों के विरुद्ध उत्पन्न कोड को फिर से स्कैन करता है। ## v3.1.0 मुख्य आकर्षण - **ब्रांड निष्ठा लागू**: लोगो पिक्सेल से प्राथमिक रंग पढ़ा जाता है, डिफ़ॉल्ट फ़ॉन्ट अस्वीकार किए जाते हैं, मूल्यांकन में हार्ड फ्लोर जो ब्रांड रंग/लोगो छोड़ने या कोई वास्तविक इमेजरी नहीं भेजने वाले आउटपुट को विफल करता है। - **मोबाइल-फर्स्ट गेटेड**: नई क्राफ्ट नींव और एक रैप-अवेयर गेट जो क्षैतिज स्क्रॉल, रैपिंग नेव/वर्डमार्क/बटन लेबल, या अत्यधिक लंबे स्टिकी हेडर पर विफल होता है। - **वाह परत**: इंजन प्रति पृष्ठ 2-3 समन्वित सिग्नेचर पल प्राप्त करता है। - **शार्पर लिंटर**: 152 नियम जिनमें इमेजरी-अनिवार्य, आइकन-केवल पहचान, प्लेसहोल्डर-टोकन और 100vw नियम शामिल हैं। - **310 पासिंग टेस्ट**: ऑफ़लाइन, निर्धारक, कोई LLM कभी कॉल नहीं किया गया। ## वास्तुकला इंजन में शामिल हैं: - **data/**: क्वेरी योग्य JSON मैनिफेस्ट (शैलियाँ, पैलेट, टाइप जोड़ियाँ, घटक, उद्योग, चार्ट प्रकार, टेक स्टैक, UX दिशानिर्देश, मोशन प्रीसेट, एंटी-पैटर्न, ब्रांड)। - **engine/**: Python तर्क कोर (सिंथेसाइज़र, निर्णय, अनुशंसाकर्ता, लिंटर, डिस्कवरी, जनरेटर, इंस्टॉलर, CLI)। - **commands/**: 25 Claude Code स्लैश कमांड (.md फ़ाइलें)। - **agents/**: 5 उप-एजेंट (.md फ़ाइलें)। - **references/**: डेटा और डेमो पृष्ठों के लिए गद्य स्रोत। - **bin/**: npx रैपर और लिंटर स्क्रिप्ट। - **.ux/**: प्रति-परियोजना स्थिति निर्देशिका। ## तुलना README में 8 अन्य Claude UX प्लगइन्स के खिलाफ एक ईमानदार तुलना शामिल है, जहां ux-skill जीतता है (घटक पुस्तकालय, मोशन प्रीसेट, एंटी-पैटर्न लिंटर, ब्रांड स्पेक्स, 17 IDE समर्थन, 25 स्लैश कमांड) और जहां यह हारता है (जागरूकता, ब्रांड पहचान, मार्केटिंग पॉलिश)। ## लाइसेंस MIT लाइसेंस। लेखक: लैथ अल्जुनैदी, अम्मान में डिज़ाइनर और CTO। साइट: uxskill.laithjunaidy.com। GitHub: Laith0003/ux-skill। PyPI: uxskill। npm: uxskill।