Claude Code yordamida vaqtga mos motion-grafik B-roll yarating

motion-graphics nima?

motion-graphics — Claude Code va skill’larni o‘qiy oladigan boshqa agentlar uchun yo‘naltirilgan motion-dizayn ko‘nikmalari jamlanmasi. Undagi birinchi mavjud skill — motion-broll — manba video va transkript asosida motion-grafik B-roll yaratadi.

Skill videoyozuvingizni tahlil qiladi, so‘zlar qachon aytilganini taxmin qiladi, mos grafikalarni taklif etadi va nutq vaqtiga moslashtirilgan kliplarni render qiladi. Har bir klip bir-biridan uzilgan sahnalar o‘rtasida kesishish o‘rniga uzluksiz o‘zgarib boradigan bitta shakldan foydalanadi — masalan, kapsula shakli karta, terminal yoki diagrammaga aylanishi mumkin. Vizual o‘zgarishlarni kursor boshqaradi.

Asosiy imkoniyatlar

• Transkriptga mos vaqt belgilash: Grafikalar transkriptdagi so‘zlarga moslashtiriladi.
• Videoyozuvni tahlil qilish: Skill tasvir o‘lchami, kadrlar tezligi, maket, picture-in-picture qismlari va spiker oynasi o‘lchamidagi o‘zgarishlarni aniqlaydi.
• Ko‘rib chiqiladigan rejalashtirish: U klip rejasini tayyorlaydi va grafikalarni yaratishdan oldin tasdiqlashingizni kutadi.
• Ikki xil chiqish uslubi: To‘liq kadrli qo‘shimcha sahnalar MP4 fayllari sifatida, spiker yonidagi bo‘sh joy uchun mo‘ljallangan panellar esa shaffof ProRes 4444 MOV fayllari sifatida render qilinadi.
• Uzluksiz animatsiya: Elementlar vizual kesishlarsiz bir holatdan boshqasiga o‘tadi.
• Harakat xiraligi: Kliplar manba videoning kadrlar tezligida, harakatni silliqroq qilish uchun kadrlar oralig‘ida namuna olish orqali render qilinadi.
• Ko‘rib chiqish uchun yordamchi fayllar: Chiqish tarkibiga oldindan ko‘rish, taqqoslash sahifasi, klip ko‘ruvchisi va vaqt belgilari hujjati kiradi.
• Ma’lumotlardan ehtiyotkor foydalanish: Skill raqamlar yoki natijalarni o‘ylab topmaydi. Haqiqiy qiymatlar taqdim etilmaguncha nisbiy ustun o‘lchamlari va skelet matnidan foydalanadi.

Talablar

Skill’ni o‘rnatishdan oldin tizimingizda quyidagi dasturlar mavjudligiga ishonch hosil qiling:

• Node.js 18 yoki undan yangiroq
• Python 3
• ProRes enkoderiga ega ffmpeg

README faylida kerakli ProRes enkoderi ffmpeg’ning Homebrew orqali o‘rnatilgan versiyalarida standart ekani qayd etilgan. Birinchi ishga tushirilganda skill Playwright va Chromium’ni mahalliy motion/ jildiga ham o‘rnatadi.

motion-broll’ni o‘rnatish

1-variant: npx orqali o‘rnatish

Repository’ning skill o‘rnatuvchisini ishga tushiring:

npx skills add Barty-Bart/motion-graphics

So‘ralganda motion-brollni tanlang. Bu usul skill’larni repository’dan Claude Code yoki skill’larni o‘qiy oladigan boshqa mos agent uchun o‘rnatadi.

2-variant: Skill’ni qo‘lda nusxalash

Buning o‘rniga skills/motion-broll jildini loyihangizning Claude skill’lari jildiga nusxalashingiz mumkin:

.claude/skills/

Skill barcha loyihalarda mavjud bo‘lishi uchun uni foydalanuvchi darajasidagi skill’lar jildiga nusxalang:

~/.claude/skills/

Kirish ma’lumotlarini tayyorlash

Sizga ikkita asosiy kirish ma’lumoti kerak bo‘ladi:

1. Video: Bu motion-grafikalar qo‘shiladigan manba videoyozuv.
2. Transkript: Hujjatlashtirilgan ish jarayoni muharrir, Descript yoki YouTube’dan eksport qilingan SRT faylini qo‘llab-quvvatlaydi.

Transkript skill’ga aytilgan mazmunni, video esa kadrlar tezligi, o‘lchamlar va spiker atrofidagi mavjud bo‘sh joy kabi texnik hamda kompozitsion ma’lumotlarni beradi.

Motion-grafik B-roll yaratish

1-qadam: Skill’ni ishga tushirish

Mos agentingizda quyidagi buyruqni chaqiring:

/motion-broll

Savollarga javob bering va skill’ga video hamda transkriptingizni ko‘rsating.

2-qadam: Videoyozuv tahlil qilinishini kuting

Skill videoning o‘lchami, kadrlar tezligi va maketini o‘qiydi. Shuningdek, picture-in-picture qismlari bor-yo‘qligini va spiker oynasi o‘lchami o‘zgarishini tekshiradi. Bu tahlil shaffof panel qayerga joylashishi va qachon to‘liq kadrli grafikadan foydalanish ma’qulroq ekanini aniqlashga yordam beradi.

3-qadam: Taxminiy vaqt belgilari bilan tanishing

motion-broll transkript asosida so‘zlarning vaqtini taxmin qiladi. Bu vaqt belgilari grafik o‘tishlari va vizual urg‘ularni muayyan so‘z yoki iboralarga moslashtirish imkonini beradi.

4-qadam: Klip rejasini tasdiqlang

Render qilishdan oldin skill rejani jadval ko‘rinishida taqdim etadi. Har bir ehtimoliy segment uchun u uchta ishlovdan birini tanlaydi:

• To‘liq kadrli qo‘shimcha sahna
• Bo‘sh joyga joylashtiriladigan shaffof panel
• Motion-grafikasiz

Reja har bir tanlov sababini ham tushuntiradi. Taklif etilgan joylashuvlar tahririy maqsadingizga mos kelishini diqqat bilan tekshiring va shundan so‘ng uni tasdiqlang.

5-qadam: Kliplarni yarating va tekshiring

Tasdiqlaganingizdan so‘ng skill har bir klipni yaratadi va muhim so‘zlardagi kadrlarni tekshiradi. Keyin shu lahzalarga to‘g‘ri mos kelmaydigan elementlarni tuzatishi mumkin.

6-qadam: Render qiling va tekshiring

Skill kliplarni video kadrlar tezligida, harakat xiraligi bilan render qiladi. Keyin tahrirlangan videoning oldindan ko‘rish versiyasi va natijalarni tekshirish uchun brauzerda ochiladigan sahifalarni yaratadi.

Yaratilgan fayllarni tushunish

Chiqish ma’lumotlari ham tekshirish, ham yakuniy tahrirlashni qo‘llab-quvvatlash uchun mo‘ljallangan.

• Taymlayn nomi berilgan kliplar: Fayl nomlari kliplar qayerga joylashtirilishini ko‘rsatadi, masalan, 04-master-prompt_0m32s40.mp4.
• MP4 kesma lavhalari: To‘liq kadrli harakatli grafikalar MP4 fayllari sifatida taqdim etiladi.
• Shaffof MOV panellar: Ustki panellar shaffoflikka ega ProRes 4444 MOV fayllari sifatida render qilinadi.
• Ko‘rib chiqish renderi: Kliplar qo‘shilgan manba video versiyasi vaqt ritmi va joylashuvni baholash imkonini beradi.
• compare.html: Bu sahifa asl va yaxshilangan versiyalarni sinxronlaydi. Unda yonma-yon, ustma-ust va surib taqqoslash rejimlari mavjud.
• viewer.html: Bu sahifa yaratilgan kliplarni birma-bir ko‘rib chiqish imkonini beradi.
• TIMING.md: Bu hujjatda har bir klipning kirish nuqtasi, chiqish nuqtasi va qamrab olingan transkript qatori qayd etiladi.

Yaratilgan ko‘rib chiqish versiyasi baholash uchun mo‘ljallangan. Yakuniy montaj uchun alohida kliplarni o‘zingiz foydalanadigan video muharririga import qiling.

Namuna ish jarayoni

Amaliy montaj ish jarayoni quyidagi bosqichlardan iborat bo‘lishi mumkin:

1. Manba videongiz va SRT transkriptini eksport qiling.
2. /motion-broll buyrug‘ini ishga tushiring va ikkala faylni taqdim eting.
3. Taklif qilingan kesma lavhalar, shaffof panellar va ataylab bezaksiz qoldirilgan qismlarni ko‘rib chiqing.
4. Rejani tasdiqlang va skill kliplarni render qilishiga ruxsat bering.
5. Asl va yaxshilangan versiyalarni birgalikda baholash uchun compare.html faylini oching.
6. Alohida animatsiyalarni ko‘rib chiqish uchun viewer.html faylidan foydalaning.
7. Aniq joylashtirish ma’lumotlari uchun TIMING.md hujjatiga murojaat qiling.
8. Yakuniy montaj uchun MP4 va shaffof ProRes 4444 MOV fayllarini muharriringizga import qiling.

Render tizimi qanday ishlaydi

Har bir animatsiya kadri vaqtning sof funksiyasi sifatida hisoblanadi. Dvigatel yopiq ko‘rinishdagi prujinali bosqich javoblaridan foydalanadi, nishoni qayta-qayta o‘zgaradigan xususiyat esa har bir o‘zgarish uchun bittadan prujina yig‘indisi sifatida ifodalanadi.

Tizim CSS o‘tishlari yoki taymerlarga bog‘liq bo‘lmagani sababli istalgan kadrni mustaqil ravishda render qilishi mumkin. Bu deterministik kadr olish va videoni oflayn render qilish uchun foydalidir.

Har bir klip skills/motion-broll/engine/motion.js manzilidagi umumiy dvigatel asosida yaratilgan kichik HTML faylidir. Headless Chromium har bir chiqish kadri uchun 180 darajali shutter davomida to‘rtta kichik kadrni oladi. Keyin ffmpeg harakat xiraligini yaratish uchun ushbu namunalarni birlashtiradi.

Ilg‘or maslahatlar

Renderlarga vaqt sarflashdan oldin rejani tekshiring

Tasdiqlash bosqichi muhim tahririy nazorat nuqtasidir. To‘liq kadrli kesma lavhalar tasvirni almashtirish mantiqli bo‘lgan holatlar uchun ajratilganini va shaffof panellar kadrning haqiqatan ham bo‘sh joylarini egallashini tasdiqlang.

Muharriringizda to‘g‘ri chiqish formatidan foydalaning

MP4 kesma lavhalari tasvirni almashtirishi kerak bo‘lsa, ularni asosiy vizual trekka joylashtiring. ProRes 4444 MOV panellarini manba video ustiga kompozit qiling, shunda ularning shaffofligi tagidagi kadrni saqlab qoladi.

Haqiqiy ma’lumotlarni vaqtinchalik o‘rinbosarlardan ajrating

Aniq raqamlar taqdim etilmagan bo‘lsa, uydirma qiymatlar o‘rniga nisbiy chiziqlar va skelet matnini kuting. Tayyor grafikada muayyan natijalarni ko‘rsatish kerak bo‘lsa, tekshirilgan raqamlarni taqdim eting.

Vaqt va animatsiya tafsilotlarini birgalikda ko‘rib chiqing

Umumiy vaqt ritmi uchun compare.html faylidan, klip darajasidagi tekshiruv uchun esa viewer.html faylidan foydalaning. Shubhali joylashtirishlarni TIMING.md va tegishli transkript qatori bilan solishtiring.

Kiritilgan amaliy namunani o‘rganing

skills/motion-broll/examples/opus-aoe2/ katalogida repozitoriy namoyishida ishlatilgan oltita klip mavjud. U tugallangan kliplar tuzilishi va ko‘zda tutilgan vizual uslubni tushunish uchun foydali manbadir.

Xulosa

motion-broll bayonotni sinxronlashtirilgan harakatli grafik B-rollga aylantirishning tizimli usulini taqdim etadi. U tasvir tahlili, transkript asosidagi rejalashtirish, uzluksiz shakl animatsiyasi, deterministik render va amaliy ko‘rib chiqish vositalarini birlashtiradi. Rejani tasdiqlab, ko‘rib chiqish versiyasini tekshirganingizdan so‘ng, yakuniy videoni tayyorlash uchun taymlayn nomi berilgan kliplarni muharriringizga olib kirishingiz mumkin.

Loyiha MIT litsenziyasi asosida chiqarilgan. Uning Geist shriftlari SIL Open Font License litsenziyasidan, ikonka yo‘llari esa ISC litsenziyasi asosida Lucide’dan moslashtirilgan.