uxskill
GitHub पर स्टार करें
v3.1.0 · ब्रेन · लाइव MIT · कोई टेलीमेट्री नहीं · कोई LLM नहीं

वह ब्रेन जो ऐसा डिज़ाइन भेजता है जो जनरेटेड नहीं दिखता।

एक 7-एक्सिस सिंथेसाइज़र किसी भी ब्रीफ को एक ताज़ा डिज़ाइन भाषा में बदल देता है, आपके ब्रांड से जुड़ा हुआ। मुफ़्त, MIT, 17 AI कोडिंग टूल्स में चलता है।

स्क्रॉल करें
वह चीज़ जो आप हर दिन भेजते हैं

आपका AI सेंट्रोइड डिफ़ॉल्ट रूप से भेजता है।

किसी भी मॉडल से "एक लैंडिंग बनाएं" कहने पर। आपको हर उस पेज का औसत मिलता है जिसे उसने कभी भी ग्रहण किया है, दस सेकंड में, हर बार। सेंट्रोइड ऐसा दिखता है।

मेरे लिए एक फिनटेक लैंडिंग पेज बनाएं।
the slop
ठीक है। मैं चाहता हूँ कि यह हम जैसा दिखे, हर किसी की तरह नहीं।
यही पूरा काम है। आगे पढ़ें।the turn ↓
मोड़

क्या होगा अगर मॉडल में एक डिजाइनर का ब्रेन वायर्ड होता?

कोई बड़ा मॉडल नहीं। एक नियतात्मक परत जो एक डिज़ाइन भाषा संकलित करती है (गर्माहट, कंट्रास्ट, ज्यामिति, टाइप) निकटतम टेम्पलेट तक पहुँचने के बजाय।

एक क्रम, बिखरे हुए कार्ड नहीं

यह एक डिज़ाइन भाषा संकलित करता है। एक टेम्पलेट नहीं।

पाँच नियतात्मक कदम, शुरू से शिप तक।

system.tokens.css
/* reading brief... */
--industry:'fintech'
--audience:'design-engineers'
--mood:'precise, calm'
01

ब्रीफ पढ़ें।

उद्योग, दर्शक, मूड: एक संरचित इनटेक में पार्स किया गया, कोई अनुमान नहीं।

system.tokens.css
/* synthesizing axes... */
--warmth:0.28
--contrast:0.91
--density:0.44
--formality:0.78
02

सात एक्सिस सेट करें।

गर्माहट, कंट्रास्ट, घनत्व, ज्यामिति, औपचारिकता, गति, टाइप: ट्यून किया गया, फिर टोकन के रूप में उत्सर्जित किया गया।

system.tokens.css
/* anchoring brand... */
--canvas:#f6f7f9
--ink:#10131a
--accent:#5b9cff
--radius:10px
03

अपने ब्रांड से जोड़ें।

प्राथमिक रंग आपके लोगो के पिक्सल से लिया गया, निकटतम CSS नामित रंग से नहीं।

system.tokens.css
--display:'Bricolage Grotesque'
--body-font:'Inter'
/* linting 152 rules... */
/* 0 violations */
04

152 एंटी-पैटर्न को लिंट करें।

ग्रेडिएंट हेडर, तीन समान कार्ड, फिलर वर्ब: यहाँ बिल्ड विफल हो जाता है।

system.tokens.css
/* verifying 360px... */
/* h-scroll: none */
/* sticky: 56px ok */
/* verified ok */
05

मोबाइल को सत्यापित करें, वास्तव में।

हेडलेस क्रोम में वास्तविक 360/390px पर रेंडर किया गया। हॉरिजॉन्टल स्क्रॉल विफल हो जाता है, आपके उपयोगकर्ता नहीं।

कॉर्पस शब्दावली है

160 वास्तविक ब्रांड स्पेसिफिकेशन्स: शब्दों के रूप में, स्टैम्प के रूप में नहीं।

कैटलॉग पहले एक मेनू हुआ करता था: Stripe चुनें, Stripe-फ्लेवर्ड टोकन प्राप्त करें। v3 ने इसे उलट दिया: Stripe, Linear, Vercel, Ferrari, Anthropic वह शब्दावली बन जाते हैं जिससे इंजन सार निकालता है, इसलिए हर कॉल पर आउटपुट नया होता है। नियतात्मक, ऑफ़लाइन, लूप में कोई मॉडल नहीं।

1,243  संरचित प्रविष्टियाँ, क्वेरी करने योग्य और क्रॉस-रेफरेंस की गई

corpus.manifest styles84 palettes176 type-pairs70 components148 brands160 anti-patterns152 1,243 entries deterministic · offline · no LLM
वहाँ चलता है जहाँ आप पहले से ही बनाते हैं

वही इंजन, वही ब्रांड-सत्य आउटपुट, हर जगह।

Claude Code, Cursor, Windsurf, Copilot, Gemini, Codex, Zed, JetBrains, Cline, Continue, Aider, Tabnine: एक इंस्टॉल, प्रति-टूल कोई कॉन्फ़िग नहीं। आपकी टीम अपना एडिटर रखती है; आधार इसके साथ आता है।

यह क्यों आधार है

तीन गुण। किसी भी प्रतियोगी के पास तीनों नहीं हैं।

नियतात्मक

वही ब्रीफ, वही सिस्टम। इंजन में कोई मॉडल नहीं, कोई टेलीमेट्री नहीं, एक विमान पर चलता है।

ब्रांड-सत्य

प्राथमिक रंग आपके लोगो के पिक्सल से; एक निष्ठा हार्ड फ्लोर किसी भी ऑफ-ब्रांड आउटपुट को विफल कर देता है।

मोबाइल-गेटेड

वास्तविक 360 / 390px व्यूपोर्ट पर रेंडर किया गया: हॉरिजॉन्टल स्क्रॉल बिल्ड को विफल कर देता है, आपके उपयोगकर्ताओं को नहीं।

1,243
संरचित प्रविष्टियाँ
160
ब्रांड स्पेसिफिकेशन्स
152
एंटी-पैटर्न नियम
17
IDE इंटीग्रेशन
इंस्टॉल करें

एक लाइन। फिर बनाएं।

Pythonpip install uxskill
Nodenpx uxskill@latest
स्रोतgithub.com/Laith0003/ux-skill