Claude Code va Remotion yordamida brendga aniq mos mahsulot videosini yarating

product-film nima?

product-film — kod orqali shou-ril darajasidagi mahsulot filmlarini yaratish uchun mo‘ljallangan Claude Code ko‘nikmasi. U Remotion yordamida landing-page loop, taqdimot videosi, reklama filmi yoki demo-ril yaratishi mumkin.

Umumiy vizual uslubni qo‘llash o‘rniga, ushbu ko‘nikma mahsulotingiz repozitoriyasini o‘rganadi. U dizayn qoidalari, tokenlar, komponentlar, logotiplar, ishlayotgan sayt va mahsulotingiz aytishi mumkin bo‘lgan da’volarni tahlil qiladi. Keyin shu materiallardan foydalanib, filmni mahsulot jamoangiz bevosita yaratgandek ko‘rinadigan va eshitiladigan tarzda tayyorlaydi.

Jarayon hamkorlikka asoslangan. Claude sizdan mo‘ljallangan joylashuv, davomiylik, musiqa, funksiyalar, matn, o‘tishlar va ixtiyoriy vizual elementlar haqida so‘raydi. U yakuniy brend qarorlarini videos/BRAND.md fayliga yozadi, beat sheet yaratadi, uslub kadrlarini taqdim etadi, animatsiyani quradi, ko‘rib chiqish materiallarini yaratadi va tekshirilgan natijalarni render qiladi.

Asosiy xususiyatlar

• Dizayn tizimini o‘rganish: Qoidalar fayllari, dizayn tokenlari, komponentlar, logotiplar, ishlayotgan mahsulot va tasdiqlangan da’volarni ko‘rib chiqadi.
• Mahsulotga xos suhbat: Umumiy placeholderlar o‘rniga haqiqiy funksiyalaringiz va komponentlaringiz asosida variantlarni taqdim etadi.
• Doimiy brend to‘plami: Qarorlaringizni videos/BRAND.md fayliga saqlaydi; bu fayl ko‘nikmaning standart sozlamalaridan ustun turadi.
• Hikoya va uslubni rejalashtirish: Beat sheet yaratadi va qurilishni yakunlashdan oldin uchta uslub kadrini ko‘rsatadi.
• Musiqaga mos montaj: Beat panjarasini o‘lchaydi, musiqani taktlar bo‘yicha kesadi va ovoz effektlarini eng yuqori nuqtalariga joylashtiradi.
• Remotion asosidagi animatsiya: Har bir kadr vaqtning sof funksiyasi bo‘lgan bitta kompozitsiyani quradi.
• Tizimli ko‘rib chiqish: Topshirish bosqichlarida statik kadrlar, kontakt varaqlari va yarim o‘lchamdagi draft yaratadi.
• Tekshirilgan yetkazib berish: Motion blur bilan 240 fps master yaratadi va dekodlangan fayllarni rang, davomiylik hamda uzluksiz loop bo‘yicha tekshiradi.
• Bir nechta chiqish formati: Ovozsiz landing-page loop, musiqali versiya, WebM fayli va poster yaratadi.

Talablar

Ko‘nikmani o‘rnatishdan oldin muhitingiz quyidagi talablarga javob berishiga ishonch hosil qiling:

• Claude Code. Ko‘nikma mahalliy toolchain bilan ishlaydi va Claude chat ilovalarida ishlamaydi.
• Node.js va Bun.
• Python utilitalarini ishga tushirish uchun uv.
• Foydalanish uchun qonuniy huquqingiz bo‘lgan musiqa.

Ko‘nikma loyihangizga Remotion qo‘shadi. Remotion jismoniy shaxslar va kichik jamoalar uchun bepul, yirik kompaniyalar esa kompaniya litsenziyasini olishi kerak. Shartlarni remotion.dev/license manzilida ko‘rib chiqing.

Python skriptlari kerak bo‘lganda imageio-ffmpeg orqali NumPy va to‘liq FFmpeg buildini oladi, shu sababli bu bog‘liqliklar tizim bo‘ylab o‘rnatilmaydi.

Ko‘nikmani o‘rnatish

1-variant: Claude Code Plugin Marketplace orqali o‘rnatish

Claude Code ichida product-film marketplace’ini qo‘shing va plaginni o‘rnating:

/plugin marketplace add Rieranthony/product-film-skill
/plugin install product-film@product-film-skill

Ko‘nikma Claude Code muhitingizda mavjud bo‘lishini istasangiz, bu eng to‘g‘ridan-to‘g‘ri o‘rnatish usulidir.

2-variant: Ko‘nikmani qo‘lda o‘rnatish

Shuningdek, repozitoriyani klonlab, ko‘nikmani shaxsiy Claude Code ko‘nikmalari katalogingizga nusxalashingiz mumkin:

git clone https://github.com/Rieranthony/product-film-skill
mkdir -p ~/.claude/skills
cp -R product-film-skill/plugins/product-film/skills/product-film ~/.claude/skills/

Nusxalangan papkada ishlab chiqarish davomida foydalaniladigan ish jarayoni ko‘rsatmalari, ma’lumotnomalar, shablonlar, animatsiya utilitalari, audio vositalari, ko‘rib chiqish skriptlari va render skriptlari mavjud.

3-variant: Ko‘nikmani jamoa bilan ulashish

Ko‘nikmani umumiy repozitoriyaning bir qismiga aylantirish uchun uning papkasini quyidagi manzilda commit qiling:

.claude/skills/product-film/

Bu ko‘nikmani Claude Code’dan foydalanadigan jamoa a’zolari uchun loyiha bilan birga mavjud holda saqlaydi.

Birinchi mahsulot filmingizni yarating

1-qadam: Mahsulot repozitoriyasini oching

Claude Code’ni namoyish qilmoqchi bo‘lgan mahsulotingiz repozitoriyasidan ishga tushiring. Bu muhim, chunki ko‘nikma komponentlar, dizayn tokenlari, qoidalar, logotiplar va mahsulot kontenti kabi mahalliy loyiha materiallariga tayanadi.

2-qadam: Film yaratishni so‘rang

Claude Code’dan filmni yaratishni so‘rang; bunda uning mo‘ljallangan davomiyligi, manzili va musiqasini ko‘rsating. README’da quyidagi misol keltirilgan:

Bu mahsulot uchun shu qo‘shiq bilan 45 soniyalik landing-page videosini yarating.

Dastlabki so‘rovda har bir ijodiy tafsilotni belgilashingiz shart emas. To‘liq ishlab chiqarishni boshlashdan oldin ko‘nikma siz bilan qo‘shimcha suhbat o‘tkazadi.

3-qadam: O‘rganish bosqichini yakunlang

Claude dizayn qoidalaringiz, tokenlaringiz, komponentlaringiz, logotipingiz va ruxsat etilgan da’volaringizni tezkor ko‘rib chiqadi. Ushbu o‘rganish bosqichi filmga mahsulotga xos vizual va tahririy asos beradi.

Tegishli loyiha fayllarini repozitoriyada ochiq holda saqlang. Natijaning sifati va aniqligi Claude haqiqiy mahsulot materiallarini tekshira olishiga bog‘liq.

4-qadam: Ijodiy suhbatga javob bering

Ko‘nikma film qayerda namoyish etilishi, qancha davom etishi, qaysi musiqadan foydalanilishi va qaysi funksiyalar ko‘rsatilishi kerakligini so‘raydi. Shuningdek, quyidagi ixtiyoriy elementlarni taklif qiladi:

• Logo animatsiyasi yoki mavjud maskot.
• Katta, so‘zma-so‘z paydo bo‘ladigan punchline'lar, sarlavhalar yoki ekranda umuman so‘zlarsiz.
• Bitga moslashtirilgan magic-move o‘tishlari, kamera harakatlari yoki kadr almashishlari.
• Kursor bilan o‘zaro ta’sirlar, hamkorlar logotiplari, isbot lahzalari va brend teksturalari.

Bu tanlovlar ixtiyoriy. Faqat mahsulot va mo‘ljallangan ko‘rish kontekstini qo‘llab-quvvatlaydigan elementlarni tanlang.

5-qadam: Brend to‘plami va hikoyani ko‘rib chiqing

Claude tadqiqot natijalari va intervyudagi javoblaringizni quyidagi faylga yozadi:

videos/BRAND.md

Bu fayl skill'ning standart kreativ tanlovlaridan ustun turadi. Skill shuningdek, beat jadvalini tayyorlaydi va to‘liq filmni yaratishdan oldin uchta uslub kadrini taqdim etadi.

Animatsiya ishlari boshlanishidan oldin tipografika, rang, kompozitsiya, komponentlar ko‘rinishi va umumiy brendga moslikni tasdiqlash uchun uslub kadrlari ko‘rib chiqilishidan foydalaning.

6-qadam: Skill musiqani qayta ishlasin

Musiqa jarayoni beat setkasini o‘lchaydi, tanlangan qo‘shiqni musiqiy taktlar bo‘yicha qisqartiradi va tovush effektlarini ularning cho‘qqilari bilan moslashtiradi. Bu sahna almashishlari va muhim vizual lahzalarga tasodifiy vaqt belgilash o‘rniga musiqiy tuzilma beradi.

7-qadam: Filmni yarating va ko‘rib chiqing

Skill bitta Remotion kompozitsiyasini yaratadi va har bir kadrni vaqtning sof funksiyasi sifatida modellashtiradi. U sahnalarni intervyu davomida tanlangan o‘tish usuli yordamida bog‘laydi.

Ko‘rib chiqish jarayonida Claude topshirish nuqtalarida statik kadrlar, kontakt varaqlari va yarim aniqlikdagi qoralama yaratadi. Siz bu natijalarni tekshirishingiz, tuzatishlar so‘rashingiz va yakuniy renderdan oldin yo‘nalishni tasdiqlashingiz mumkin.

8-qadam: Yetkazib beriladigan fayllarni render qiling va tekshiring

Yakuniy jarayon motion blur bilan 240 fps master yaratadi. Keyin so‘ralgan yetkazib berish formatlarini, jumladan quyidagilarni hosil qiladi:

• Mahsulot sahifasi uchun mos ovozsiz sikl.
• Musiqa qo‘shilgan versiya.
• WebM versiyasi.
• Poster tasviri.

Yaratilgan fayllar dekodlanadi va ranglar, davomiylik hamda uzluksiz sikllanish bo‘yicha tekshiriladi.

Loyiha tuzilmasini tushunish

Skill ish jarayoni hujjatlari, maxsus ma’lumotnomalar, shablonlar, qayta foydalaniladigan animatsiya yordamchi vositalari va ishlab chiqarish skriptlaridan tashkil topgan:

plugins/product-film/skills/product-film/
├── SKILL.md
├── reference/
├── templates/
│   ├── BRAND.md
│   ├── film-prompt.md
│   └── kit/
└── scripts/
    ├── beats.py
    ├── audio-edit.py
    ├── stills.ts
    ├── render.ts
    └── verify.py

• SKILL.md ish jarayoni, asosiy ijodiy sozlamalar va ma’lum xatolarni o‘z ichiga oladi.
• reference/ tadqiqot, intervyu, kreativ tarkibiy qismlar, hikoya yaratish, animatsiya mexanizmi, musiqa, ko‘rib chiqish va render jarayonlarini qamrab oladi.
• templates/BRAND.md mahsulot uchun to‘ldiriladigan dizayn to‘plamini taqdim etadi.
• templates/film-prompt.md qayta foydalaniladigan film brifini taqdim etadi.
• templates/kit/ vaqt setkalari, prujinalar, kameralar, kursorlar, magic move'lar, punchline'lar, dithering va nosozliklarni tuzatish ustki qatlamlari uchun vositalarni o‘z ichiga oladi.
• beats.py NumPy yordamida qo‘shiqdan beat setkasini hosil qiladi.
• audio-edit.py qo‘shiqni musiqiy taktlar bo‘yicha kesadi.
• stills.ts ko‘rib chiqish statik kadrlarini yaratadi.
• render.ts yakuniy render va yetkazib beriladigan fayllarni yaratadi.
• verify.py chiqish fayllarini dekodlaydi va tekshiradi.

Ilg‘or maslahatlar

BRAND.md faylini ijodiy haqiqat manbai sifatida ko‘ring

videos/BRAND.md skill'ning standart sozlamalarini bekor qilgani uchun uni diqqat bilan ko‘rib chiqing. Unda mahsulotning vizual qoidalari, ovoz ohangi, tasdiqlangan da’volari va intervyu davomida qabul qilingan kreativ tanlovlar aks etganiga ishonch hosil qiling.

Formatni manzilga moslang

Claude'ga film qayerda namoyish etilishini ayting. Landing-sahifa siklining talablari launch videosi yoki demo roligidan farq qiladi. Manzil shuningdek, yakuniy tajriba ovozsiz, musiqaga asoslangan, matnga boy yoki so‘zlarsiz tushunarli bo‘lishi kerakligini aniqlashga yordam beradi.

Haqiqiy mahsulot materiallaridan foydalaning

Skillni haqiqiy tokenlar, komponentlar, logotiplar, funksiyalar va da’volarga asoslang. Bu loyihaning asosiy maqsadidir: film mahsulotning o‘zi tomonidan yaratilgandek ko‘rinishini ta’minlash.

Ko‘rib chiqish nuqtalarida qarorlar qabul qiling

Yo‘nalishni erta baholash uchun uchta uslub kadridan foydalaning. Keyin qimmat yakuniy renderni tasdiqlashdan oldin topshirish statik kadrlari, kontakt varaqlari va yarim aniqlikdagi qoralamani tekshiring. Bu nuqtalar vizual va vaqt bilan bog‘liq muammolarni tuzatish hali amaliy bo‘lgan paytda aniqlash uchun mo‘ljallangan.

Ixtiyoriy tarkibiy qismlarni ongli ravishda tanlang

Logo animatsiyasi, maskotlar, punchline'lar, sarlavhalar, kamera harakatlari, kursor bilan o‘zaro ta’sirlar, hamkorlar logotiplari, isbot lahzalari va teksturalarning barchasi ixtiyoriy. Ularni chek-list sifatida qabul qilmang. Tanlangan mahsulot funksiyalarini eng aniq ifodalovchi elementlarni tanlang.

Ishlab chiqarishdan oldin musiqa huquqlarini tasdiqlang

Vosita qo‘shiqni tahlil qilishi va tahrirlashi mumkin, ammo bu musiqadan foydalanish uchun ruxsat bermaydi. Trekni ommaviy landing-sahifa, launch videosi, reklama yoki demo roligiga qo‘shishdan oldin zarur huquqlarga ega ekaningizni tekshiring.

Remotion litsenziyasini tekshiring

Product-film skill'ining o‘z matni va kodi MIT litsenziyasi ostida mavjud. Remotion alohida litsenziya shartlariga ega, shuning uchun yirik kompaniyalar uni ishlab chiqarishda ishlatishdan oldin talab qilinadigan kompaniya litsenziyasiga ega ekanini tasdiqlashi kerak.

Xulosa

product-film Claude Code'ni tuzilmali product-film ishlab chiqarish jarayoniga aylantiradi. U repozitoriy tadqiqoti, mahsulotga xos intervyu, doimiy brend to‘plami, beat'ga mos musiqa tahriri, Remotion animatsiyasi, bosqichma-bosqich ko‘rib chiqish va tekshirilgan renderni birlashtiradi. Haqiqiy dizayn tizimingizdan boshlab, har bir nazorat nuqtasida ishni ko‘rib chiqish orqali mahsulotingiz identitetiga mos, sayqallangan video materiallar yaratishingiz mumkin.