[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-leonxlnx-taste-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":19,"published_at":31,"updated_at":32,"category":33,"category_slug":34,"description":35,"github_synced_at":36,"install":37,"guide_html":41,"toc":42},"leonxlnx-taste-skill","Taste Skill (design-taste-frontend)","Kod agentlariga kompaniya saytlarini umumiy \"AI-sahifa\" o'rniga did bilan, real rasmlar va brauzer tekshiruvi bilan yasashni o'rgatadigan skill.","leonxlnx","taste-skill","https:\u002F\u002Fgithub.com\u002Fleonxlnx\u002Ftaste-skill","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F219127460?v=4",112869,1,"JavaScript","MIT",[16,17,18],"Claude Code","Codex","Cursor",[20,21,22,23,24,25,26,27,28,29,30],"agent-skills","ai-agents","anti-slop","claude-code","codex","cursor","design-system","frontend","landing-page","ui-design","web-design","2026-11-10T16:15:51.000000Z","2026-11-10T16:18:33.000000Z","Dizayn","dizayn","Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages","2026-11-10T16:15:52.000000Z",{"repo_url":9,"skills":38,"custom":40},[39],"design-taste-frontend",null,"\u003Ch2 id=\"taste-skill-nima\">Taste Skill nima\u003C\u002Fh2>\n\u003Cp>Taste Skill (\u003Ccode>tasteskill 2.5.1\u003C\u002Fcode>) — bu Agent Skill: u kod agentiga umumiy landing sahifa yig'ish o'rniga \u003Ccode>figma.com\u003C\u002Fcode> va \u003Ccode>x.ai\u003C\u002Fcode> darajasidagi professional kompaniya saytini yasashni o'rgatadi. Har bir sahifada oddiy matn, yagona dizayn tizimi, har ekranda bitta bo'lim, teng chap va o'ng chekkalar, real fotosuratlar, real brend ikonkalari va yengil mikro-animatsiyalar bo'ladi. Natija haqiqiy brauzerda tekshiriladi. Kompaniya saytini yasayotgan yoki "sahifa shablon, AI yasagandek" ko'ringanda uni tuzatmoqchi bo'lgan dasturchi va dizaynerlarga kerak. 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>\u003Ccode>npx skills\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>npx skills add https:\u002F\u002Fgithub.com\u002FLeonxlnx\u002Ftaste-skill --skill "design-taste-frontend"\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Skill o'rnatiladi\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Claude Code plagini\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>\u002Fplugin marketplace add Leonxlnx\u002Ftaste-skill\u003C\u002Fcode> va \u003Ccode>\u002Fplugin install taste-skill@taste-skill\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Skill \u003Ccode>taste-skill:\u003C\u002Fcode> nomi ostida ishlaydi; yangilash: \u003Ccode>\u002Fplugin update\u003C\u002Fcode>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Codex plagini\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>codex plugin marketplace add Leonxlnx\u002Ftaste-skill\u003C\u002Fcode> va \u003Ccode>codex plugin add taste-skill@taste-skill\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Yangi Codex sessiyasida yuklanadi\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Klondan\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>.\u002Finstall.sh\u003C\u002Fcode> (\u003Ccode>--codex\u003C\u002Fcode> yoki \u003Ccode>--all-agents\u003C\u002Fcode>)\u003C\u002Ftd>\n\u003Ctd>Symlink yaratiladi, \u003Ccode>git pull\u003C\u002Fcode> joyida yangilaydi\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>Talablar:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Node 22+\u003C\u002Fstrong> va o'rnatilgan \u003Cstrong>Chrome, Edge yoki Chromium\u003C\u002Fstrong> (nostandart joyda bo'lsa \u003Ccode>CHROME_PATH\u003C\u002Fcode> ni belgilang).\u003C\u002Fli>\n\u003Cli>Ixtiyoriy: PATH'da \u003Cstrong>ffmpeg\u003C\u002Fstrong> (WebP chiqishi va hero rasmning telefon kesimi uchun).\u003C\u002Fli>\n\u003Cli>Skill hech narsa o'rnatmaydi va API kalit talab qilmaydi. Bundle qilingan Wikimedia Commons rasmlari oflayn ishlaydi; qo'shimcha rasm, shrift yoki ikonka yuklash uchun internet kerak.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2 id=\"ish-jarayoni\">Ish jarayoni\u003C\u002Fh2>\n\u003Cp>Agentdan kompaniya saytini yasash yoki qayta dizayn qilishni so'rang. Agent skillni yuklaydi, \u003Ccode>assets\u002F\u003C\u002Fcode> ni loyihaga nusxalaydi, \u003Ccode>assets\u002Fstarter.html\u003C\u002Fcode> dan boshlaydi va topshirishdan oldin tekshiruvchini ishga tushiradi. Avval biznes turi aniqlanadi: \u003Ccode>software\u003C\u002Fcode>, \u003Ccode>gaming\u003C\u002Fcode>, \u003Ccode>tech\u003C\u002Fcode>, \u003Ccode>product\u003C\u002Fcode>, \u003Ccode>service\u003C\u002Fcode> yoki \u003Ccode>place\u003C\u002Fcode>.\u003C\u002Fp>\n\u003Col>\n\u003Cli>\u003Cstrong>Token va maketni tanlash:\u003C\u002Fstrong> \u003Ccode>scripts\u002Fstart.mjs\u003C\u002Fcode> soha uchun palitra va Google Fonts juftligini beradi; \u003Ccode>assets\u002Flayout\u002Fdeal.mjs\u003C\u002Fcode> hero maketini tanlaydi.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Yagona tizimdan boshlash:\u003C\u002Fstrong> \u003Ccode>assets\u002Fstarter.html\u003C\u002Fcode>, \u003Ccode>assets\u002Fsystem.css\u003C\u002Fcode>, \u003Ccode>assets\u002Flayout\u002Flayout.css\u003C\u002Fcode> — 1440x900 da har ekranda bitta bo'lim, teng chekkalar, qotirilgan navigatsiya.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Real UI va fotosuratlar:\u003C\u002Fstrong> software\u002Ftech sahifalarda HTML UI fragmentlari va diagrammalar, real ikonkalar (\u003Ccode>scripts\u002Ficons.mjs\u003C\u002Fcode>). Kafe, mehmonxona, do'kon kabi sahifalarda \u003Ccode>scripts\u002Fphotos.mjs\u003C\u002Fcode> orqali tanlangan fotosuratlar.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Effektlar faqat tech va gaming uchun:\u003C\u002Fstrong> shader, scroll sahnalar va 3D (WebGL limiti — to'rtta kontekst). Har sahifada hero kirishi va bir-ikki "moment" (\u003Ccode>scripts\u002Fmoments.mjs\u003C\u002Fcode>) bo'ladi.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Haqiqiy brauzerda tekshirish:\u003C\u002Fstrong> \u003Ccode>1440\u003C\u002Fcode>, \u003Ccode>1024\u003C\u002Fcode>, \u003Ccode>768\u003C\u002Fcode>, \u003Ccode>390\u003C\u002Fcode> kenglikda bo'sh vizuallar, buzilgan shaderlar, kontrast, ustunlar tekisligi, placeholder matnlar tekshiriladi. \u003Ccode>scripts\u002Fgate.mjs\u003C\u002Fcode> tuzatiladigan FAIL qolmaguncha topshirishni ushlab turadi (ko'pi bilan uch raund).\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch2 id=\"asosiy-vositalar\">Asosiy vositalar\u003C\u002Fh2>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Vosita\u003C\u002Fth>\n\u003Cth>Nima qiladi\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>\u003Ccode>scripts\u002Fstart.mjs\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Palitra va shrift juftligini beradi, \u003Ccode><head>\u003C\u002Fcode> havolalari va \u003Ccode>:root\u003C\u002Fcode> tokenlarini chiqaradi\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>assets\u002Flayout\u002Fdeal.mjs\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>O'n bir hero maketidan birini tanlaydi; \u003Ccode>check.mjs\u003C\u002Fcode> uni tekshiradi\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>scripts\u002Fphotos.mjs\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Soha bo'yicha fotosuratlar, og'irlik nazorati, footer'dagi bitta kredit satri\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>scripts\u002Ficons.mjs\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Real brend va interfeys ikonkalarini lokal SVG qiladi\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>scripts\u002Feffects.mjs\u003C\u002Fcode>, \u003Ccode>scripts\u002Fmoments.mjs\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Shader fonlar va har tur uchun "momentlar"\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>scripts\u002Fgate.mjs\u003C\u002Fcode>, \u003Ccode>scripts\u002Fcopy-lint.mjs\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Yakuniy darvoza va matn linteri\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>scripts\u002Fconsistency.mjs\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Tekshiruvchi: har qoida uchun PASS, WARN yoki FAIL\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>scripts\u002Fperf.mjs\u003C\u002Fcode>, \u003Ccode>scripts\u002Fshoot.mjs\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Sahifa og'irligi\u002Ftezligi va skrinshotlar\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Ch2 id=\"amaliy-misol\">Amaliy misol\u003C\u002Fh2>\n\u003Col>\n\u003Cli>Loyiha papkasida: \u003Ccode>node scripts\u002Fstart.mjs deal --page software\u003C\u002Fcode> (turlar: \u003Ccode>software\u003C\u002Fcode>, \u003Ccode>gaming\u003C\u002Fcode>, \u003Ccode>tech\u003C\u002Fcode>, \u003Ccode>product\u003C\u002Fcode>, \u003Ccode>service\u003C\u002Fcode>, \u003Ccode>place\u003C\u002Fcode>). Bu palitrani beradi va finish gate'ni yoqadi.\u003C\u002Fli>\n\u003Cli>Agentdan sahifani yasashni so'rang; u \u003Ccode>assets\u002Fstarter.html\u003C\u002Fcode> dan boshlaydi.\u003C\u002Fli>\n\u003Cli>Tayyor sahifani tekshiring: \u003Ccode>node scripts\u002Fconsistency.mjs <url yoki fayl> --page <tur>\u003C\u002Fcode>.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch2 id=\"cheklovlar-va-maslahatlar\">Cheklovlar va maslahatlar\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>Hech qanday rasm ostiga izoh yozilmaydi; litsenziya kreditlari footer'dagi bitta satrda (\u003Ccode>photos.mjs credits\u003C\u002Fcode>).\u003C\u002Fli>\n\u003Cli>Shader va scroll effektlari faqat \u003Ccode>software\u003C\u002Fcode>, \u003Ccode>tech\u003C\u002Fcode> va \u003Ccode>gaming\u003C\u002Fcode> sahifalarida. Kafe, do'kon, mehmonxona kabi joylarda fotosuratlar, tip va tekis rang ishlatiladi, WebGL yo'q.\u003C\u002Fli>\n\u003Cli>Mijozda o'z rasmlari bo'lmasa, kutubxona rasmlari "qoralama o'rin egasi" deb belgilanadi va mijozning o'z xonasi yoki mahsuloti sifatida ko'rsatilmaydi.\u003C\u002Fli>\n\u003Cli>Manzilda faqat ko'cha va tuman: uy raqami, pochta indeksi, koordinatalar, reyestr\u002FVAT raqamlari va haqiqiy formatdagi telefon yozilmaydi; kontaktlar \u003Ccode>.example\u003C\u002Fcode> domenida.\u003C\u002Fli>\n\u003Cli>React, Vue, Svelte, Astro yoki Tailwind loyihasida sahifa o'z stekida quriladi; Next.js topshirig'i statik eksport sifatida quriladi. Bo'sh papkada statik sahifa olinadi.\u003C\u002Fli>\n\u003Cli>Eski skill'lar (\u003Ccode>high-end-visual-design\u003C\u002Fcode>, \u003Ccode>minimalist-ui\u003C\u002Fcode> va boshqalar) boshqa repolarga ko'chgan: \u003Ccode>Leonxlnx\u002Ftaste-skill-classics\u003C\u002Fcode> va \u003Ccode>Leonxlnx\u002Fimagegen-skills\u003C\u002Fcode>.\u003C\u002Fli>\n\u003Cli>Skill mavjud bo'lsa, yangilash uchun o'rnatish buyrug'ini qayta bajaring.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2 id=\"manba\">Manba\u003C\u002Fh2>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fleonxlnx\u002Ftaste-skill\" rel=\"noopener nofollow ugc\" target=\"_blank\">github.com\u002Fleonxlnx\u002Ftaste-skill\u003C\u002Fa> · sayt: \u003Ca href=\"https:\u002F\u002Ftasteskill.dev\" rel=\"noopener nofollow ugc\" target=\"_blank\">tasteskill.dev\u003C\u002Fa>\u003C\u002Fp>\n",[43,46,49,52,55,58,61],{"id":44,"title":45},"taste-skill-nima","Taste Skill nima",{"id":47,"title":48},"ornatish","O'rnatish",{"id":50,"title":51},"ish-jarayoni","Ish jarayoni",{"id":53,"title":54},"asosiy-vositalar","Asosiy vositalar",{"id":56,"title":57},"amaliy-misol","Amaliy misol",{"id":59,"title":60},"cheklovlar-va-maslahatlar","Cheklovlar va maslahatlar",{"id":62,"title":63},"manba","Manba"]