Motion Video Director bilan motion-grafika va montaj qilingan videolar yarating

Motion Video Director — kod yozuvchi agentni motion-dizayner, video montajchi, rejissyor va ovoz dizayneriga aylantiradigan ishlab chiqarish ko‘nikmasidir. U kod yordamida animatsion tushuntiruvchi videolar yaratishi, intervyu videolarini tahrirlashi, ovozli matnlarni tayyorlashi, ovoz effektlarini sinxronlashtirishi va vertikal, keng ekranli yoki kvadrat formatlarda yakuniy MP4 videolarni render qilishi mumkin.

Loyiha yordamchi skriptlar bilan birga SKILL.md faylidagi ishlab chiqarish qo‘llanmasidan foydalanadi. Agent to‘liq videoni darhol render qilish o‘rniga ssenariy, reja va preview uchun tasdiqlash bosqichlaridan o‘tadi.

Motion Video Director nimalar qila oladi

Ko‘nikma to‘liq yaratiladigan motion-grafika hamda mavjud videolarga asoslangan montajni qamrab oladi. Animatsiyalar Canvas, SVG, Three.js yoki GSAP yordamida yozilishi mumkin, video loyihalarida esa kesmalar, punch-zoom, subtitrlar, B-roll va obyekt ortiga joylashtirilgan matnlarni birlashtirish mumkin.

• Motion-grafika: Kinetik tipografika, UI maketlari, kursor animatsiyalari, stikerlar, zarrachalar, Lottie elementlari va 3D sahnalar yarating.
• Video montaj: Intervyu videolarini kesmalar, subtitrlar, punch-zoom, tezlik rampalari va obyektni ajratib olish yordamida tahrirlang.
• Ovozli matnni rejalashtirish: ElevenLabs uchun tayyorlangan ssenariylar yarating va kadrlarni so‘z darajasidagi vaqtlar bilan moslang.
• Ovoz dizayni: Kadrlar bilan sinxronlashgan riserlar, impact va whoosh effektlarini qo‘shing, ovozli matn ostida boshqa tovushlarni pasaytiring va platforma uchun kerakli balandlikka sozlang.
• Mahalliy render: Kod, headless Chrome va ffmpeg yordamida 9:16, 16:9 yoki 1:1 formatlarda MP4 videolarni eksport qiling.

Ko‘nikmani o‘rnating

1-variant: Tezkor o‘rnatish

Tavsiya etiladigan o‘rnatish npx skills buyrug‘idan foydalanadi. Uni loyiha papkangizdan ishga tushiring:

npx skills add Miftahul-Islam-Efaz/Motion-graphics-skill

Sizda Node.js o‘rnatilgan bo‘lishi kerak. O‘rnatuvchi qaysi agentdan foydalanishingizni so‘raydi va ko‘nikmani tegishli joyga nusxalaydi. Bu usul Claude Code, Codex, Cursor va skills funksiyasini qo‘llab-quvvatlaydigan boshqa agentlarni qo‘llab-quvvatlaydi.

2-variant: Claude Code plagini

Claude Code ichida marketplace yozuvi va plaginni o‘rnating:

/plugin marketplace add Miftahul-Islam-Efaz/Motion-graphics-skill
/plugin install motion-video-director@motion-graphics-skill

O‘rnatish tugagach, Claude Code’ni qayta ishga tushiring.

3-variant: Qo‘lda o‘rnatish

1. Code va Download ZIP yordamida repozitoriyani yuklab oling, so‘ng uni arxivdan chiqaring.
2. Global foydalanish uchun skills/motion-video-director papkasini ~/.claude/skills/ ichiga nusxalang.
3. Shuningdek, faqat bitta loyiha uchun ishlatish maqsadida uni loyiha ichidagi .claude/skills/ papkasiga nusxalashingiz mumkin.
4. Claude Code’ni qayta ishga tushiring.

Windows tizimida global Claude Code skills papkasi odatda C:\Users\<you>\.claude\skills\ manzilida bo‘ladi. Codex, Cursor yoki boshqa mos agent uchun papkani loyihangiz ichiga nusxalang va quyidagi ko‘rsatmani bering:

Read skills/motion-video-director/SKILL.md and follow it for this video project.

Muhitni tekshiring

Motion Video Director uchun Node.js 18 yoki undan yangi versiyasi, ffmpeg, ffprobe va headless Chrome bilan Playwright kerak. Ixtiyoriy Python vositalari transkripsiya, obyektni ajratib olish va audio treklarni alohida ajratishni qo‘shadi.

• Majburiy: Node.js 18+, ffmpeg, ffprobe va headless Chrome bilan Playwright.
• Ixtiyoriy: faster-whisper, rembg va demucs bilan Python 3.10+.
• Ixtiyoriy integratsiyalar: ElevenLabs, Firecrawl, Freesound, Pexels, Pixabay va LottieFiles uchun API kalitlari yoki MCP serverlari.

Qaysi bog‘liqliklar o‘rnatilgani va qaysilari yetishmayotganini ko‘rish uchun preflight skriptini ishga tushiring:

bash skills/motion-video-director/scripts/preflight.sh

API kalitlari git’dan chiqarib tashlangan mahalliy .env faylida saqlanadi. Repozitoriyda bo‘sh kalit maydonlari bilan muhit faylini yaratish uchun create_env.sh va mavjud kalitlar faylini toza .env fayliga aylantirish uchun normalize_env.py ham mavjud.

Birinchi videongizni yarating

Ko‘nikma o‘rnatilgach, xohlagan videongizni tabiiy tilda tasvirlang. Mavjud bo‘lsa, vizual namunalarni biriktiring. Masalan:

SaaS mahsulotim uchun 30 soniyalik 9:16 launch reels yarating. Namunalar biriktirilgan.

Mavjud videolar asosida montaj qilishni ham so‘rashingiz mumkin:

Xom intervyu videomni subtitrlar, punch-zoom va B-roll qo‘shilgan reelsga aylantiring.

Mahsulotga yo‘naltirilgan loyiha uchun mo‘ljallangan uslub va davomiylikni ko‘rsating:

Dashboardimiz haqida 45 soniyalik mahsulot tushuntiruvchi video yarating. Toza UI animatsiyasi va nozik ovoz dizayni bo‘lsin.

Ishlab chiqarish jarayoniga rioya qiling

Agent yakuniy renderdan oldin muhim qarorlarni ko‘rib chiqishingiz uchun bosqichma-bosqich ishlaydi.

1. Brief: Agent namunalar, hikoya, maqsadli auditoriya, format va davomiylikni yig‘adi.
2. Ovozli matn ssenariysi: ElevenLabs’ga joylashga tayyor ssenariy yozadi. Siz MP3 faylni yaratib, uni agentga qaytarasiz.
3. Storyboard: Har bir kadr ovozli matndagi so‘zlarga mos ravishda vaqtga bog‘lanadi.
4. Yaratish: Sahnalar kod yordamida animatsiya qilinadi va taqdim etilgan videolar tahrirlanadi.
5. Preview: To‘liq renderdan oldin muammolarni aniqlash uchun loyiha har bir sahna bo‘yicha kontakt varaqlarini render qiladi.
6. Render va miks: Yakuniy video ovoz dizayni va balandlikni normallashtirish bilan eksport qilinadi, so‘ng sifatni tekshirish ro‘yxati bajariladi.

Yakuniy renderdan oldin ssenariy, reja va previewni tasdiqlaysiz. Ish jarayoni PROGRESS.md faylida jarayonni qayd etadi, bu esa yangi sessiyaga avvalgi sessiya to‘xtagan joydan davom etish imkonini beradi.

Asosiy ishlab chiqarish imkoniyatlarini o‘rganing

Rejissura va ritm

Qo‘llanma dastlabki uch soniyadagi ilgaklar, ritm, kadr turlari, J-cut, L-cut, match cut va harakatga chaqiriq tuzilmasini qamrab oladi. Shuningdek, u tezkor reels videolaridan tortib, vazmin korporativ videolargacha bo‘lgan montaj jadalligining besh darajasini belgilaydi.

Animatsiya va motion-grafika

Generatsiya qilingan vizuallar uchun bu ko‘nikma kinetik tipografiya, 3D matn, UI maketlari, kursor animatsiyasi, stikerlar, zarralar, Lottie kontenti va Three.js mahsulot kadrlarini qo‘llab-quvvatlaydi. Shuningdek, easing, staggering va overshoot kabi animatsiya tamoyillarini qo‘llaydi.

Videoyozuv va obyektga ishlov berish

Yozib olingan videolar uchun ish jarayoni RVM va SAM2 kabi vositalar yordamida punch zoom, subtitrlar, tezlik rampalari va obyektni ajratib olishni qo‘shishi mumkin. Montaj talab qilsa, subtitrlarni obyekt ortiga ham joylashtirish mumkin.

Rang, maket va foydalanish qulayligi

Yo‘riqnomada 60-30-10 rang yondashuvi, WCAG kontrasti va 9:16 platformalari uchun xavfsiz zonalar keltirilgan. Bu jihatlar platformaga mos formatlarda muhim matn va vizual elementlarning o‘qilishini ta’minlashga yordam beradi.

Ovoz ustida o‘qish va tovush

Ovoz ustida o‘qish ssenariylari ElevenLabs uchun tayyorlanadi, faster-whisper esa so‘zlar vaqt belgilarini taqdim etishi mumkin. Tovush dizayniga alohida kadrlar bilan sinxronlashtirilgan riserlar, zarbalar va whoosh effektlari, ovoz ostida ducking, shuningdek -14 LUFS va -1.5 dBTP maqsadli miks kirishi mumkin.

Yordamchi skriptlardan foydalaning

Repozitoriy ishlab chiqarish ish jarayonini qo‘llab-quvvatlaydigan bir nechta skriptni o‘z ichiga oladi:

• preflight.sh Node.js, ffmpeg, Playwright, Python vositalari va API kalitlarini tekshiradi.
• preview.mjs tezkor ko‘rib chiqish uchun tanlangan vaqt oralig‘ini kontakt varag‘iga render qiladi.
• analyze_ref.sh namunaviy videoni kadrlar, kesmalar va audioga ajratadi.
• create_env.sh bo‘sh API kaliti joylari bilan .env faylini yaratadi.
• normalize_env.py mavjud kalit faylini toza .env fayliga aylantiradi.

Yaxshiroq natijalar uchun ilg‘or maslahatlar

• Namunalarni erta taqdim eting: Brief va storyboard mo‘ljallangan uslubni aks ettirishi uchun vizual misollarni biriktiring.
• Yetkazib berish formatini belgilang: Video 9:16, 16:9 yoki 1:1 bo‘lishini ko‘rsating va kerakli davomiylikni kiriting.
• Bosqichma-bosqich ko‘rib chiqing: To‘liq renderdan oldin muammolarni aniqlash uchun ssenariy, storyboard va kontakt-varaq preview tasdiqlash bosqichlaridan foydalaning.
• Manba fayllarini tartibli saqlang: Agent ularni aniq qo‘llashi uchun videolar, audio, logotiplar, shriftlar va boshqa manbalarni ravshan belgilang.
• Zarur bo‘lsa, ixtiyoriy vositalardan foydalaning: Transkripsiya uchun faster-whisper, obyektni ajratish uchun rembg va stemlarni ajratish uchun demucs qo‘shing.
• Yaratishdan oldin muhitni tekshiring: Loyihaning kech bosqichida render uchun zarur bog‘liqliklar yetishmasligini aniqlamaslik uchun avval preflight skriptini ishga tushiring.
• Jarayon jurnallaridan davom eting: Yangi sessiyada ishni davom ettirganda PROGRESS.md fayliga murojaat qiling.

Xulosa

Motion Video Director Claude Code, Codex, Cursor yoki terminal bilan ishlay oladigan boshqa kodlash agenti yordamida to‘liq videolar yaratishning tizimli usulini taqdim etadi. Ko‘nikmani o‘rnating, loyihangizni tasvirlang, ssenariy va storyboardni ko‘rib chiqing, previewni tekshiring, so‘ng mahalliy render ish jarayoni yakuniy videoni yaratishiga imkon bering. U After Effects yoki Premiere Pro talab qilmasdan, kod orqali yaratilgan motion-grafika va montaj qilingan videolarni qo‘llab-quvvatlaydi.