Remotion Agent Skills

Remotion Agent Skills nima

Remotion jamoasi tayyorlagan Agent Skills 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 /remotion-license skilli bor.

O'rnatish

Usul	Buyruq	Natija
skills CLI	npx skills add remotion-dev/skills	Skilllar agentga qo'shiladi
GitHub CLI	gh skill install remotion-dev/skills	Skilllar agentga qo'shiladi
Yangi loyiha bilan	bun create video	Yangi loyiha yaratishda skill qo'shishni taklif qiladi

Batafsil: Remotion Agent Skills hujjati.

Ish jarayoni

Qaysi skill kerakligini bilmasangiz, /remotion-best-practices dan boshlang. U boshqa skilllarga yo'naltiruvchi router vazifasini bajaradi.

1. /remotion-create — loyiha va kompozitsiyani yaratish.
2. /remotion-studio — Studio'ni ochib, preview'ni ko'rish. Video yaratishda Studio imkon qadar erta ochiladi.
3. /remotion-markup — animatsiya, matn va media bilan React markup yozish.
4. /remotion-render — faqat siz aniq so'raganingizda videoni render qilish.

Har bir skill nima qiladi

Buyruq	Siz nima berasiz	Nima chiqadi
/remotion-best-practices	Har qanday Remotion vazifasi	Kerakli skillga yo'naltirish
/remotion-create	Video g'oyasi	Yangi loyiha yoki kompozitsiya
/remotion-markup	Kompozitsiya, animatsiya, shrift, audio vazifasi	Qoidalarga mos React markup
/remotion-studio	Odatda so'rovsiz	Studio ishga tushadi, preview ochiladi
/remotion-render	Render so'rovi	Video yoki still (npx remotion render, npx remotion still)
/remotion-maps	Xarita animatsiyasi	Mapbox, MapLibre, MapTiler, CesiumJS yoki statik xarita
/remotion-captions	Audio/video yoki .srt	Caption JSON formatida subtitrlar
/remotion-saas	Ilova g'oyasi	<Player>, Lambda/Vercel/Cloudflare render bo'yicha yo'riqnoma
/remotion-interactivity	Studio'da tahrirlanmaydigan elementlar	Studio'da tahrirlanadigan struktura
/remotion-docs	Savol	Hujjatdan joriy API ma'lumoti
/remotion-license	Litsenziya savoli	Litsenziya, FAQ, shartlar havolalari
/remotion-upgrade	—	Remotion va skilllar yangilanadi
/remotion-multimedia	Media fayl	Mediabunny orqali davomiylik va o'lchamlar

Amaliy misol

1. Skilllarni o'rnating: npx skills add remotion-dev/skills.
2. Agentga yozing: /remotion-create Make a promo video for a record store.
3. Agent kerak bo'lsa loyihani yaratadi (npx create-video@latest) va Studio'da preview ochadi.
4. Preview'ni ko'rib, o'zgartirishlarni so'rang. Masalan: /remotion-markup Create an animated title card using Inter.
5. Tayyor bo'lgach, aniq so'rang: "Render the video" yoki "Give me the MP4".

Xarita uchun: /remotion-maps Animate a route from Los Angeles to New York and make the camera follow it.

Cheklovlar va maslahatlar

• Agent siz kod tahrirlagan bo'lsa, kutilmagan o'zgarishni ustidan yozmaydi, tasdiq so'raydi.
• Video yaratishda agent sukut bo'yicha render qilmaydi, faqat preview ochadi.
• Animatsiya useCurrentFrame() va interpolate() bilan qilinadi. CSS transition/animation va Tailwind animatsiya klasslari to'g'ri render bo'lmaydi.
• Mapbox xaritasi uchun Mapbox kaliti kerak. MapLibre bepul va kalitsiz, lekin 3D binolar yo'q.
• Yangi loyiha uchun Node.js va Git o'rnatilgan bo'lishi kerak.
• Cursor'da Studio npx remotion studio bilan ochiladi. Ilova ichidagi brauzer bo'lsa --no-open ishlatish mumkin.
• Yangilash: /remotion-upgrade yoki npx remotion upgrade.
• Hujjat sahifasini Markdown ko'rinishida olish uchun URL oxiriga .md qo'shiladi (/remotion-docs).

Manba

github.com/remotion-dev/skills