[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-remotion-dev-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":19,"published_at":20,"updated_at":21,"category":22,"category_slug":23,"description":24,"github_synced_at":25,"install":26,"guide_html":41,"toc":42},"remotion-dev-skills","Remotion Agent Skills","Remotion loyihalarida AI agentlar uchun eng yaxshi amaliyotlar to'plami: video yaratish, preview, render, xaritalar, subtitrlar va yangilash.","remotion-dev","skills","https:\u002F\u002Fgithub.com\u002Fremotion-dev\u002Fskills","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F85344006?v=4",6515,"TypeScript",null,[15,16,17,18],"Claude Code","Codex","Kimi Code","Cursor",[],"2026-11-07T09:52:47.000000Z","2026-11-07T09:53:14.000000Z","Motion","motion","Agent Skills","2026-11-07T09:52:48.000000Z",{"repo_url":9,"skills":27,"custom":13},[28,29,30,31,32,33,34,35,36,37,38,39,40],"remotion-best-practices","remotion-captions","remotion-create","remotion-docs","remotion-interactivity","remotion-license","remotion-maps","remotion-markup","remotion-multimedia","remotion-render","remotion-saas","remotion-studio","remotion-upgrade","\u003Ch2 id=\"remotion-agent-skills-nima\">Remotion Agent Skills nima\u003C\u002Fh2>\n\u003Cp>Remotion jamoasi tayyorlagan \u003Ca href=\"https:\u002F\u002Fagentskills.io\u002Fhome\" rel=\"noopener nofollow ugc\" target=\"_blank\">Agent Skills\u003C\u002Fa> to'plami. U AI agentga Remotion loyihalarida (React orqali video yaratish) to'g'ri ishlash qoidalarini o'rgatadi. Claude Code, Codex, Kimi Code va Cursor kabi agentlar uchun mos. Litsenziya repoda ko'rsatilmagan. Remotion litsenziyasi bo'yicha savollar uchun \u003Ccode>\u002Fremotion-license\u003C\u002Fcode> skilli 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>skills CLI\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>npx skills add remotion-dev\u002Fskills\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Skilllar agentga qo'shiladi\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>GitHub CLI\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>gh skill install remotion-dev\u002Fskills\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Skilllar agentga qo'shiladi\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Yangi loyiha bilan\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>bun create video\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Yangi loyiha yaratishda skill qo'shishni taklif qiladi\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>Batafsil: \u003Ca href=\"https:\u002F\u002Fwww.remotion.dev\u002Fdocs\u002Fai\u002Fskills\" rel=\"noopener nofollow ugc\" target=\"_blank\">Remotion Agent Skills hujjati\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch2 id=\"ish-jarayoni\">Ish jarayoni\u003C\u002Fh2>\n\u003Cp>Qaysi skill kerakligini bilmasangiz, \u003Ccode>\u002Fremotion-best-practices\u003C\u002Fcode> dan boshlang. U boshqa skilllarga yo'naltiruvchi router vazifasini bajaradi.\u003C\u002Fp>\n\u003Col>\n\u003Cli>\u003Ccode>\u002Fremotion-create\u003C\u002Fcode> — loyiha va kompozitsiyani yaratish.\u003C\u002Fli>\n\u003Cli>\u003Ccode>\u002Fremotion-studio\u003C\u002Fcode> — Studio'ni ochib, preview'ni ko'rish. Video yaratishda Studio imkon qadar erta ochiladi.\u003C\u002Fli>\n\u003Cli>\u003Ccode>\u002Fremotion-markup\u003C\u002Fcode> — animatsiya, matn va media bilan React markup yozish.\u003C\u002Fli>\n\u003Cli>\u003Ccode>\u002Fremotion-render\u003C\u002Fcode> — faqat siz aniq so'raganingizda videoni render qilish.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch2 id=\"har-bir-skill-nima-qiladi\">Har bir skill nima qiladi\u003C\u002Fh2>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Buyruq\u003C\u002Fth>\n\u003Cth>Siz nima berasiz\u003C\u002Fth>\n\u003Cth>Nima chiqadi\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>\u003Ccode>\u002Fremotion-best-practices\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Har qanday Remotion vazifasi\u003C\u002Ftd>\n\u003Ctd>Kerakli skillga yo'naltirish\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>\u002Fremotion-create\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Video g'oyasi\u003C\u002Ftd>\n\u003Ctd>Yangi loyiha yoki kompozitsiya\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>\u002Fremotion-markup\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Kompozitsiya, animatsiya, shrift, audio vazifasi\u003C\u002Ftd>\n\u003Ctd>Qoidalarga mos React markup\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>\u002Fremotion-studio\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Odatda so'rovsiz\u003C\u002Ftd>\n\u003Ctd>Studio ishga tushadi, preview ochiladi\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>\u002Fremotion-render\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Render so'rovi\u003C\u002Ftd>\n\u003Ctd>Video yoki still (\u003Ccode>npx remotion render\u003C\u002Fcode>, \u003Ccode>npx remotion still\u003C\u002Fcode>)\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>\u002Fremotion-maps\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Xarita animatsiyasi\u003C\u002Ftd>\n\u003Ctd>Mapbox, MapLibre, MapTiler, CesiumJS yoki statik xarita\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>\u002Fremotion-captions\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Audio\u002Fvideo yoki .srt\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>Caption\u003C\u002Fcode> JSON formatida subtitrlar\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>\u002Fremotion-saas\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Ilova g'oyasi\u003C\u002Ftd>\n\u003Ctd>\u003Ccode><Player>\u003C\u002Fcode>, Lambda\u002FVercel\u002FCloudflare render bo'yicha yo'riqnoma\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>\u002Fremotion-interactivity\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Studio'da tahrirlanmaydigan elementlar\u003C\u002Ftd>\n\u003Ctd>Studio'da tahrirlanadigan struktura\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>\u002Fremotion-docs\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Savol\u003C\u002Ftd>\n\u003Ctd>Hujjatdan joriy API ma'lumoti\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>\u002Fremotion-license\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Litsenziya savoli\u003C\u002Ftd>\n\u003Ctd>Litsenziya, FAQ, shartlar havolalari\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>\u002Fremotion-upgrade\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>—\u003C\u002Ftd>\n\u003Ctd>Remotion va skilllar yangilanadi\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>\u002Fremotion-multimedia\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Media fayl\u003C\u002Ftd>\n\u003Ctd>Mediabunny orqali davomiylik va o'lchamlar\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Ch2 id=\"amaliy-misol\">Amaliy misol\u003C\u002Fh2>\n\u003Col>\n\u003Cli>Skilllarni o'rnating: \u003Ccode>npx skills add remotion-dev\u002Fskills\u003C\u002Fcode>.\u003C\u002Fli>\n\u003Cli>Agentga yozing: \u003Ccode>\u002Fremotion-create Make a promo video for a record store\u003C\u002Fcode>.\u003C\u002Fli>\n\u003Cli>Agent kerak bo'lsa loyihani yaratadi (\u003Ccode>npx create-video@latest\u003C\u002Fcode>) va Studio'da preview ochadi.\u003C\u002Fli>\n\u003Cli>Preview'ni ko'rib, o'zgartirishlarni so'rang. Masalan: \u003Ccode>\u002Fremotion-markup Create an animated title card using Inter.\u003C\u002Fcode>\u003C\u002Fli>\n\u003Cli>Tayyor bo'lgach, aniq so'rang: "Render the video" yoki "Give me the MP4".\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>Xarita uchun: \u003Ccode>\u002Fremotion-maps Animate a route from Los Angeles to New York and make the camera follow it.\u003C\u002Fcode>\u003C\u002Fp>\n\u003Ch2 id=\"cheklovlar-va-maslahatlar\">Cheklovlar va maslahatlar\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>Agent siz kod tahrirlagan bo'lsa, kutilmagan o'zgarishni ustidan yozmaydi, tasdiq so'raydi.\u003C\u002Fli>\n\u003Cli>Video yaratishda agent sukut bo'yicha render qilmaydi, faqat preview ochadi.\u003C\u002Fli>\n\u003Cli>Animatsiya \u003Ccode>useCurrentFrame()\u003C\u002Fcode> va \u003Ccode>interpolate()\u003C\u002Fcode> bilan qilinadi. CSS \u003Ccode>transition\u003C\u002Fcode>\u002F\u003Ccode>animation\u003C\u002Fcode> va Tailwind animatsiya klasslari to'g'ri render bo'lmaydi.\u003C\u002Fli>\n\u003Cli>Mapbox xaritasi uchun Mapbox kaliti kerak. MapLibre bepul va kalitsiz, lekin 3D binolar yo'q.\u003C\u002Fli>\n\u003Cli>Yangi loyiha uchun Node.js va Git o'rnatilgan bo'lishi kerak.\u003C\u002Fli>\n\u003Cli>Cursor'da Studio \u003Ccode>npx remotion studio\u003C\u002Fcode> bilan ochiladi. Ilova ichidagi brauzer bo'lsa \u003Ccode>--no-open\u003C\u002Fcode> ishlatish mumkin.\u003C\u002Fli>\n\u003Cli>Yangilash: \u003Ccode>\u002Fremotion-upgrade\u003C\u002Fcode> yoki \u003Ccode>npx remotion upgrade\u003C\u002Fcode>.\u003C\u002Fli>\n\u003Cli>Hujjat sahifasini Markdown ko'rinishida olish uchun URL oxiriga \u003Ccode>.md\u003C\u002Fcode> qo'shiladi (\u003Ccode>\u002Fremotion-docs\u003C\u002Fcode>).\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2 id=\"manba\">Manba\u003C\u002Fh2>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fremotion-dev\u002Fskills\" rel=\"noopener nofollow ugc\" target=\"_blank\">github.com\u002Fremotion-dev\u002Fskills\u003C\u002Fa>\u003C\u002Fp>\n",[43,46,49,52,55,58,61],{"id":44,"title":45},"remotion-agent-skills-nima","Remotion Agent Skills nima",{"id":47,"title":48},"ornatish","O'rnatish",{"id":50,"title":51},"ish-jarayoni","Ish jarayoni",{"id":53,"title":54},"har-bir-skill-nima-qiladi","Har bir skill nima qiladi",{"id":56,"title":57},"amaliy-misol","Amaliy misol",{"id":59,"title":60},"cheklovlar-va-maslahatlar","Cheklovlar va maslahatlar",{"id":62,"title":63},"manba","Manba"]