[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-designed-by-ai-skills":3},{"slug":4,"name":5,"summary":6,"owner":7,"repo":8,"repo_url":9,"avatar_url":10,"stars":11,"language":12,"license":13,"ai_tools":14,"topics":18,"published_at":19,"updated_at":20,"category":21,"category_slug":22,"description":23,"github_synced_at":24,"install":25,"guide_html":28,"toc":29},"designed-by-ai-skills","Sleek design-mobile-apps skill","Sleek API orqali AI yordamida mobil ilova ekranlarini loyihalash, loyihalarni tahrirlash va dizaynni React Native yoki HTML'ga o'tkazish skill'i.","designed-by-ai","skills","https:\u002F\u002Fgithub.com\u002Fdesigned-by-ai\u002Fskills","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F324864681?v=4",28,null,"MIT",[15,16,17],"Claude Code","Cursor","Codex",[],"2026-11-07T09:44:44.000000Z","2026-11-07T09:45:10.000000Z","Dizayn","dizayn","Agent skills","2026-11-07T09:44:45.000000Z",{"repo_url":9,"skills":26,"custom":12},[27],"design-mobile-apps","\u003Ch2 id=\"sleek-design-mobile-apps-nima\">Sleek design-mobile-apps nima\u003C\u002Fh2>\n\u003Cp>Bu skill agentga Sleek (AI asosidagi mobil ilova dizayn vositasi) REST API'si bilan ishlashni o'rgatadi. Agent loyiha yaratadi, qisqa brief asosida ekranlar dizayn qiladi, ularning HTML va render rasmlarini oladi, so'ng dizaynni React Native yoki HTML'da amalga oshiradi. U mobil ilova dizayneri va dasturchilar uchun foydali. Litsenziya: MIT.\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>Interaktiv tanlash\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>npx skills add sleekdotdesign\u002Fagent-skills\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Mavjud skill'lar ro'yxatidan tanlaysiz\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>To'g'ridan-to'g'ri\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>npx skills add sleekdotdesign\u002Fagent-skills -s sleek-design-mobile-apps\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Skill darhol o'rnatiladi\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>Talablar:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fsleek.design\" rel=\"noopener nofollow ugc\" target=\"_blank\">Sleek\u003C\u002Fa> akkaunti. Bepul akkauntda bir martalik sinov kreditlari bor (taxminan bitta dizayn sessiyasi). Doimiy foydalanish uchun Pro yoki undan yuqori tarif kerak: $69\u002Foy yoki yillik to'lovda $30\u002Foy ($360\u002Fyil), oyiga 20 000 AI kredit bilan.\u003C\u002Fli>\n\u003Cli>API kalit \u003Ccode>SLEEK_API_KEY\u003C\u002Fcode> muhit o'zgaruvchisida saqlanadi.\u003C\u002Fli>\n\u003Cli>\u003Ccode>npx skills add\u003C\u002Fcode> skill'ni ishchi papkadagi \u003Ccode>.agents\u002Fskills\u002F\u003C\u002Fcode> ichiga o'rnatadi. Agent uni o'zi topmasa, o'rnatilgan \u003Ccode>SKILL.md\u003C\u002Fcode> yo'lini unga ko'rsating.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>API kalit olish\u003C\u002Fh3>\n\u003Cp>\u003Ccode>SLEEK_API_KEY\u003C\u002Fcode> yo'q bo'lsa, skill device flow'dan foydalanadi, shunda foydalanuvchi xom kalitni ko'rmaydi:\u003C\u002Fp>\n\u003Col>\n\u003Cli>\u003Ccode>POST https:\u002F\u002Fsleek.design\u002Fapi\u002Fv1\u002Fdevice\u002Fstart\u003C\u002Fcode> (auth shart emas) so'rovini \u003Ccode>{"source": "your-tool-slug"}\u003C\u002Fcode> bilan yuboring. Javobda \u003Ccode>verificationUrl\u003C\u002Fcode>, \u003Ccode>userCode\u003C\u002Fcode>, \u003Ccode>deviceCode\u003C\u002Fcode> va \u003Ccode>interval\u003C\u002Fcode> bo'ladi.\u003C\u002Fli>\n\u003Cli>Foydalanuvchiga \u003Ccode>verificationUrl\u003C\u002Fcode> va \u003Ccode>userCode\u003C\u002Fcode> ni ko'rsating. Tasdiqlashdan oldin kod mos kelishini tekshirsin.\u003C\u002Fli>\n\u003Cli>\u003Ccode>POST https:\u002F\u002Fsleek.design\u002Fapi\u002Fv1\u002Fdevice\u002Fpoll\u003C\u002Fcode> so'rovini \u003Ccode>{"deviceCode": "..."}\u003C\u002Fcode> bilan har \u003Ccode>interval\u003C\u002Fcode> soniyada yuboring. \u003Ccode>approved\u003C\u002Fcode> bo'lganda \u003Ccode>data.key\u003C\u002Fcode> ni darhol \u003Ccode>SLEEK_API_KEY\u003C\u002Fcode> sifatida saqlang, chunki kalit faqat bir marta beriladi.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>Muqobil yo'l: \u003Ca href=\"https:\u002F\u002Fsleek.design\u002Fagents\u002Fsetup\" rel=\"noopener nofollow ugc\" target=\"_blank\">sleek.design\u002Fagents\u002Fsetup\u003C\u002Fa> sahifasi. Kalitlarni \u003Ca href=\"https:\u002F\u002Fsleek.design\u002Fdashboard\u002Fapi-keys\" rel=\"noopener nofollow ugc\" target=\"_blank\">sleek.design\u002Fdashboard\u002Fapi-keys\u003C\u002Fa> da boshqarish mumkin.\u003C\u002Fp>\n\u003Ch2 id=\"ish-jarayoni\">Ish jarayoni\u003C\u002Fh2>\n\u003Col>\n\u003Cli>Kalit borligini tekshiring, yo'q bo'lsa yuqoridagi device flow'ni bajaring.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Dizayn qilishda\u003C\u002Fstrong>: Sleek'ga chat xabari yuborishdan oldin \u003Ccode>designing.md\u003C\u002Fcode> ni o'qing. Unda create → chat → screenshot sikli va uslub yo'nalishini yozish tartibi bor.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Amalga oshirishda\u003C\u002Fstrong>: kod yozishdan oldin \u003Ccode>implementing.md\u003C\u002Fcode> ni o'qing. Unda versiya tanlash, native'ga o'tkazish va qabul tekshiruvlari bor.\u003C\u002Fli>\n\u003Cli>Bitta so'rov ikkala bosqichni ham o'z ichiga olishi mumkin. Masalan, avval dizayn, keyin kod.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch2 id=\"asosiy-api-malumotlari\">Asosiy API ma'lumotlari\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>Base URL: \u003Ccode>https:\u002F\u002Fsleek.design\u003C\u002Fcode>, auth: \u003Ccode>Authorization: Bearer $SLEEK_API_KEY\u003C\u002Fcode>.\u003C\u002Fli>\n\u003Cli>Endpointlar: loyihalar (\u003Ccode>\u002Fapi\u002Fv1\u002Fprojects\u003C\u002Fcode>), komponentlar, \u003Ccode>references\u003C\u002Fcode>, chat xabarlari va run'lar, \u003Ccode>screenshots\u003C\u002Fcode>, \u003Ccode>share-cards\u003C\u002Fcode>.\u003C\u002Fli>\n\u003Cli>Muvaffaqiyatli JSON javob \u003Ccode>data\u003C\u002Fcode> ichida keladi. Xatolarda \u003Ccode>code\u003C\u002Fcode>, \u003Ccode>status\u003C\u002Fcode>, \u003Ccode>message\u003C\u002Fcode> bo'ladi. Avval HTTP statusni tekshiring.\u003C\u002Fli>\n\u003Cli>Id'lar 11 belgili tokenlar. Ular turini ko'rsatmaydi, shuning uchun har birini qaysi maydondan olganingizni eslab qoling.\u003C\u002Fli>\n\u003Cli>To'liq spetsifikatsiya: \u003Ccode>https:\u002F\u002Fsleek.design\u002Fapi\u002Fv1\u002Fspec.json\u003C\u002Fcode>, hujjatlar: \u003Ccode>https:\u002F\u002Fsleek.design\u002Fapi\u002Fv1\u002Fdocs\u003C\u002Fcode>.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2 id=\"amaliy-misol\">Amaliy misol\u003C\u002Fh2>\n\u003Cp>SKILL.md'dagi namuna: "fitness ilovasini dizayn qil va Expo'da yasab ber".\u003C\u002Fp>\n\u003Col>\n\u003Cli>Loyiha yarating va brief bilan chat xabarini yuboring.\u003C\u002Fli>\n\u003Cli>Run tugashini kuting va natijani \u003Cstrong>user shot\u003C\u002Fstrong> (oddiy, telefon shaklidagi render) bilan foydalanuvchiga ko'rsating.\u003C\u002Fli>\n\u003Cli>O'z ishingizni tekshirish uchun \u003Cstrong>review shot\u003C\u002Fstrong> (\u003Ccode>fullHeight: true\u003C\u002Fcode>, har so'rovga bitta komponent) oling.\u003C\u002Fli>\n\u003Cli>Keyin \u003Ccode>implementing.md\u003C\u002Fcode> bo'yicha dizaynni Expo (React Native) kodiga o'tkazing.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch2 id=\"cheklovlar-va-maslahatlar\">Cheklovlar va maslahatlar\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>JSON javobni \u003Ccode>echo\u003C\u002Fcode> orqali pipe qilmang: zsh \u003Ccode>\\n\u003C\u002Fcode> ni haqiqiy yangi qatorga aylantirib, JSON'ni buzadi. Avval \u003Ccode>curl -o run.json\u003C\u002Fcode> bilan faylga yozing, keyin faylni tahlil qiling.\u003C\u002Fli>\n\u003Cli>Kalit yaratilganda faqat bir marta ko'rsatiladi. Bepul akkauntda bir vaqtda bitta faol kalit bo'ladi.\u003C\u002Fli>\n\u003Cli>Bepul sinov kreditlari taxminan bitta dizayn sessiyasiga yetadi. To'lov kerak bo'lishidan oldin narxni foydalanuvchiga ochiq ayting. Joriy narxlar \u003Ccode>https:\u002F\u002Fsleek.design\u002Fagents.md\u003C\u002Fcode> da.\u003C\u002Fli>\n\u003Cli>Agar README'dagi \u003Ccode>-s\u003C\u002Fcode> nomi ishlamasa, interaktiv o'rnatishdan foydalaning.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2 id=\"manba\">Manba\u003C\u002Fh2>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fdesigned-by-ai\u002Fskills\" rel=\"noopener nofollow ugc\" target=\"_blank\">github.com\u002Fdesigned-by-ai\u002Fskills\u003C\u002Fa>\u003C\u002Fp>\n",[30,33,36,39,42,45,48],{"id":31,"title":32},"sleek-design-mobile-apps-nima","Sleek design-mobile-apps nima",{"id":34,"title":35},"ornatish","O'rnatish",{"id":37,"title":38},"ish-jarayoni","Ish jarayoni",{"id":40,"title":41},"asosiy-api-malumotlari","Asosiy API ma'lumotlari",{"id":43,"title":44},"amaliy-misol","Amaliy misol",{"id":46,"title":47},"cheklovlar-va-maslahatlar","Cheklovlar va maslahatlar",{"id":49,"title":50},"manba","Manba"]