[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-nextlevelbuilder-ui-ux-pro-max-skill":3},{"slug":4,"name":5,"summary":6,"owner":7,"repo":8,"repo_url":9,"avatar_url":10,"stars":11,"views":12,"language":13,"license":14,"ai_tools":15,"topics":29,"published_at":49,"updated_at":50,"category":51,"category_slug":52,"description":53,"github_synced_at":54,"install":55,"guide_html":65,"toc":66},"nextlevelbuilder-ui-ux-pro-max-skill","UI UX Pro Max skill","UI\u002FUX dizayn bo'yicha AI skill: loyiha uchun to'liq dizayn tizimi, uslub, ranglar va shriftlarni qidiradi va yaratadi. MIT litsenziya.","nextlevelbuilder","ui-ux-pro-max-skill","https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F246974152?v=4",147677,0,"Python","MIT",[16,17,18,19,20,21,22,23,24,25,26,27,28],"Claude Code","Cursor","Windsurf","Antigravity","GitHub Copilot","Kiro","Codex CLI","Qoder","Roo Code","Gemini CLI","Trae","OpenCode","Continue",[30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48],"ai-skills","antigravity","claude","claude-code","codex","command-line","copilot","cursor-ai","html5","kiro","landing-page","mobile-ui","qoder","react","tailwindcss","trae","ui-design","uikit","windsurf-ai","2026-11-10T16:14:29.000000Z","2026-11-10T16:15:02.000000Z","Dizayn","dizayn","An AI skill that provides design intelligence for building professional UI\u002FUX across multiple platforms.","2026-11-10T16:14:31.000000Z",{"repo_url":9,"skills":56,"custom":64},[57,58,59,60,61,62,63],"banner-design","brand","design-system","design","slides","ui-styling","ui-ux-pro-max",null,"\u003Ch2 id=\"ui-ux-pro-max-nima\">UI UX Pro Max nima\u003C\u002Fh2>\n\u003Cp>UI UX Pro Max — veb, mobil va desktop interfeyslar uchun dizayn bo'yicha maslahat beradigan AI skill. U mahsulot turiga qarab mos uslub, rang palitrasi, shrift juftligi, sahifa strukturasi va anti-patternlarni tanlab, to'liq dizayn tizimini yaratadi. Frontend dasturchilar va interfeys yaratayotgan dizaynerlarga kerak. Litsenziya: MIT.\u003C\u002Fp>\n\u003Cp>README bo'yicha ichida 80 ta qidiriladigan uslub (51 tasi faol), 192 ta rang palitrasi va mahsulot turi, 74 ta shrift juftligi, 120 ta UX qoidasi, 25 ta diagramma turi va 22 ta texnologiya stegi bor.\u003C\u002Fp>\n\u003Ch2 id=\"ornatish\">O'rnatish\u003C\u002Fh2>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Usul\u003C\u002Fth>\n\u003Cth>Buyruq\u003C\u002Fth>\n\u003Cth>Natija\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>Claude Marketplace\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>\u002Fplugin marketplace add nextlevelbuilder\u002Fui-ux-pro-max-skill\u003C\u002Fcode> va \u003Ccode>\u002Fplugin install ui-ux-pro-max@ui-ux-pro-max-skill\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Claude Code'ga plagin o'rnatiladi\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>CLI (tavsiya etiladi)\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>npm install -g ui-ux-pro-max-cli\u003C\u002Fcode>, so'ng loyiha papkasida \u003Ccode>uipro init --ai claude\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Skill fayllari loyihaga o'rnatiladi\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Global\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>uipro init --ai claude --global\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>~\u002F.claude\u002Fskills\u002F\u003C\u002Fcode> ga o'rnatiladi\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>\u003Ccode>--ai\u003C\u002Fcode> qiymatlari: \u003Ccode>claude\u003C\u002Fcode>, \u003Ccode>cursor\u003C\u002Fcode>, \u003Ccode>windsurf\u003C\u002Fcode>, \u003Ccode>antigravity\u003C\u002Fcode>, \u003Ccode>copilot\u003C\u002Fcode>, \u003Ccode>kiro\u003C\u002Fcode>, \u003Ccode>codex\u003C\u002Fcode>, \u003Ccode>qoder\u003C\u002Fcode>, \u003Ccode>roocode\u003C\u002Fcode>, \u003Ccode>gemini\u003C\u002Fcode>, \u003Ccode>trae\u003C\u002Fcode>, \u003Ccode>opencode\u003C\u002Fcode>, \u003Ccode>continue\u003C\u002Fcode> va boshqalar; \u003Ccode>all\u003C\u002Fcode> — hammasi uchun.\u003C\u002Fp>\n\u003Cp>Boshqa CLI buyruqlari: \u003Ccode>uipro versions\u003C\u002Fcode>, \u003Ccode>uipro update\u003C\u002Fcode>, \u003Ccode>uipro init --dry-run\u003C\u002Fcode> (fayl yozmasdan ko'rish), \u003Ccode>uipro uninstall\u003C\u002Fcode>.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Talab:\u003C\u002Fstrong> qidiruv skripti uchun Python 3.x (faqat standart kutubxona; hech narsa o'rnatmaydi va tarmoqqa chiqmaydi). Tekshirish: \u003Ccode>python3 --version\u003C\u002Fcode>. Python yo'q bo'lsa, uni o'zingiz o'rnatasiz — AI agent dasturiy ta'minot o'rnatmasligi kerak.\u003C\u002Fp>\n\u003Ch2 id=\"ish-jarayoni\">Ish jarayoni\u003C\u002Fh2>\n\u003Col>\n\u003Cli>UI\u002FUX vazifasini so'raysiz (yaratish, dizayn, tekshirish, tuzatish).\u003C\u002Fli>\n\u003Cli>Skill mahsulot turi, uslub, rang, sahifa naqshi va tipografiya bo'yicha qidiradi.\u003C\u002Fli>\n\u003Cli>Qoidalar mexanizmi sohaga mos dizayn tizimini va qochish kerak bo'lgan anti-patternlarni chiqaradi.\u003C\u002Fli>\n\u003Cli>AI kodni shu ranglar, shriftlar va oraliqlar bilan yozadi.\u003C\u002Fli>\n\u003Cli>Yetkazishdan oldin tekshiruv ro'yxati bo'yicha (kontrast, fokus holati, responsivlik va h.k.) tekshiradi.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>Rejimlar: Claude Code, Cursor, Windsurf, Codex CLI, Gemini CLI, Copilot va boshqalarda skill o'zi ishga tushadi. Kiro, Roo Code va KiloCode'da slash-buyruq ishlatiladi: \u003Ccode>\u002Fui-ux-pro-max <so'rov>\u003C\u002Fcode>. Trae'da avval \u003Cstrong>SOLO\u003C\u002Fstrong> rejimiga o'ting.\u003C\u002Fp>\n\u003Ch2 id=\"qoshimcha-skilllar\">Qo'shimcha skill'lar\u003C\u002Fh2>\n\u003Cp>Repoda boshqa skill'lar ham bor:\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Skill\u003C\u002Fth>\n\u003Cth>Nima uchun\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>\u003Ccode>banner-design\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Ijtimoiy tarmoq, reklama, sayt hero va bosma bannerlar (HTML\u002FCSS, PNG eksport)\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>brand\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Brend ovozi, vizual identika, brend izchilligi\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>design-system\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Token arxitekturasi (primitive → semantic → component), slaydlar\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>slides\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Chart.js bilan strategik HTML taqdimotlar\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>ui-styling\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>shadcn\u002Fui va Tailwind CSS bilan komponentlar\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>design\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Yuqoridagilarni birlashtiruvchi umumiy skill (logo, CIP, ikonka va h.k.)\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Ch2 id=\"amaliy-misol\">Amaliy misol\u003C\u002Fh2>\n\u003Cp>Qidiruv skriptini to'g'ridan-to'g'ri ishga tushirish:\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-bash\"># Dizayn tizimini yaratish\npython3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py "beauty spa wellness" --design-system -p "Serenity Spa"\n\n# Markdown formatida\npython3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py "fintech banking" --design-system -f markdown\n\n# Aniq soha bo'yicha qidiruv\npython3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py "glassmorphism" --domain style\n\n# Stekka xos qoidalar\npython3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py "form validation" --stack react\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Dizayn tizimini sessiyalar o'rtasida saqlash:\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-bash\">python3 .claude\u002Fskills\u002Fui-ux-pro-max\u002Fscripts\u002Fsearch.py "SaaS dashboard" --design-system --persist -p "MyApp"\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Bu \u003Ccode>design-system\u002Fmyapp\u002FMASTER.md\u003C\u002Fcode> faylini yaratadi. \u003Ccode>--page "dashboard"\u003C\u002Fcode> qo'shsangiz, \u003Ccode>pages\u002Fdashboard.md\u003C\u002Fcode> fayli ham yaratiladi. Sahifa fayli bo'lsa, u MASTER qoidalarini bekor qiladi.\u003C\u002Fp>\n\u003Cp>Mavjud ilovaga mavzu qo'llash uchun AI'ga shunday deng: «Use the ui-ux-pro-max skill to retheme my existing React app. Target style: Minimalism & Swiss Style.» Oldin mavjud tokenlar va komponentlarni tekshirishni, mantiqni o'zgartirmaslikni ayting.\u003C\u002Fp>\n\u003Cp>Oddiy so'rov misollari: \u003Ccode>Build a landing page for my SaaS product\u003C\u002Fcode>, \u003Ccode>Create a dashboard for healthcare analytics\u003C\u002Fcode>.\u003C\u002Fp>\n\u003Ch2 id=\"cheklovlar-va-maslahatlar\">Cheklovlar va maslahatlar\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>Skill sof backend, API\u002Fma'lumotlar bazasi va DevOps vazifalari uchun emas — faqat ko'rinish va interaksiyaga tegishli ishlar uchun.\u003C\u002Fli>\n\u003Cli>Qidiruv natijalari faqat maslahat beradi, ilovangizni o'zi qayta yozmaydi.\u003C\u002Fli>\n\u003Cli>Mavzu almashtirishda tokenlarni o'zgartirishning o'zi yetmaydi: qattiq yozilgan qiymatlarni komponentlarda bosqichma-bosqich tokenlarga almashtiring.\u003C\u002Fli>\n\u003Cli>\u003Ccode>--rtl\u003C\u002Fcode> faqat \u003Ccode>--domain style\u003C\u002Fcode> yoki \u003Ccode>--domain product\u003C\u002Fcode> bilan ishlaydi; \u003Ccode>--design-system\u003C\u002Fcode> va \u003Ccode>--stack\u003C\u002Fcode> bilan ishlatib bo'lmaydi.\u003C\u002Fli>\n\u003Cli>Continue uchun yo'lda \u003Ccode>.claude\u002Fskills\u002F\u003C\u002Fcode> o'rniga \u003Ccode>.continue\u002Fskills\u002F\u003C\u002Fcode> ishlating (Droid uchun \u003Ccode>.factory\u002Fskills\u002F\u003C\u002Fcode>, ZCode uchun \u003Ccode>.zcode\u002Fskills\u002F\u003C\u002Fcode>).\u003C\u002Fli>\n\u003Cli>npm paketi \u003Ccode>ui-ux-pro-max-cli\u003C\u002Fcode>; eski \u003Ccode>uipro-cli\u003C\u002Fcode> versiyalaridan foydalanmang.\u003C\u002Fli>\n\u003Cli>README'ga ko'ra, premium versiya brend identika, logo va boshqa qo'shimcha imkoniyatlarni beradi; bu repo — ochiq bazaviy versiya.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2 id=\"manba\">Manba\u003C\u002Fh2>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\" rel=\"noopener nofollow ugc\" target=\"_blank\">https:\u002F\u002Fgithub.com\u002Fnextlevelbuilder\u002Fui-ux-pro-max-skill\u003C\u002Fa>\u003C\u002Fp>\n",[67,70,73,76,79,82,85],{"id":68,"title":69},"ui-ux-pro-max-nima","UI UX Pro Max nima",{"id":71,"title":72},"ornatish","O'rnatish",{"id":74,"title":75},"ish-jarayoni","Ish jarayoni",{"id":77,"title":78},"qoshimcha-skilllar","Qo'shimcha skill'lar",{"id":80,"title":81},"amaliy-misol","Amaliy misol",{"id":83,"title":84},"cheklovlar-va-maslahatlar","Cheklovlar va maslahatlar",{"id":86,"title":87},"manba","Manba"]