Dala Amavidiyo Okukhangisa E-SaaS Ahlukile nge-saas-motion-kit

Yini i-saas-motion-kit?

saas-motion-kit iwuhlelo lokukhiqiza ngobuciko lokwenza amavidiyo okukhangisa nawokunyakaza emikhiqizo yesoftware kusetshenziswa i-HyperFrames ne-Claude Code. Ihlanganisa iziqondiso zokuhlela, izinkomba ezibukwayo, izifanekiso zamabhodi endaba, amathuluzi okuzenzakalela, nezindawo zokubuyekeza endaweni eyodwa yokugcina amafayela.

Le phrojekthi yakhelwe phezu komthetho owodwa: akukho mafilimu amabili okufanele azwakale njengefilimu efanayo. Esikhundleni sokusebenzisa kaninginingi ukungena, izinguquko, nezakhiwo ezijwayelekile, uqala ngokuchaza umlayezo nethoni, bese uthuthukisa ulimi olubukwayo olufanele leyo filimu ethile.

Le khithi inezingqikithi eziyi-100 ezisakazeke emindenini yokubuka eyi-10, i-atlasi yezinguquko eziyi-24, incwadi yokusebenza enezigaba eziyisikhombisa, isu lezingxenye, izibonelo eziphelele, kanye nokuhlolwa kokuhlukahluka okuthola ukuphindaphinda ngaphambi kokuqala kokukhiqiza.

Izici ezibalulekile

• Incwadi yokusebenza yokukhiqiza enezigaba eziyisikhombisa: Dlula ku-brief, izingxenye, ingqikithi, ibhodi lendaba, ukwakha, umsindo, nokulethwa, kube nendawo yokubuyekezwa ngumuntu ngemva kwesigaba ngasinye.
• Iz ingqikithi ezibukwayo eziyi-100: Hlola izindlela ezisekelwe ku-interface yomkhiqizo, ku-typography, ezintweni ze-3D, kuma-optics, ezifanekisweni, ekuxoxeni ngez البيانات, kubalingiswa, eminyakazweni yobuciko, nasolimini lwekhamera.
• I-atlasi yezinguquko: Buyekeza izinguquko ezilandisayo eziyi-24, okuhlanganisa ama-match cut, ama-carry, ukunyakaza kwekhamera, ama-mask, izinguquko zezinto, namasu asekelwe esikhathini.
• Ukuhlolwa kokuhlukahluka: Hlola amabhodi endaba ukuze uthole izinguquko eziphindaphindwayo, ukungena okuphindaphindwayo, ama-easing curve, izinkomba zokunyakaza, ubude bezithombe obulinganayo, ukusetshenziswa ngokweqile kwe-accent, ukungabikho kwezimanga, ukungahambisani kwethoni, kanye nokungabikho kwezingxenye zoqobo.
• Isikhethi sengqikithi: Khetha uhlu olufushane lwezingqikithi ngokwezethameli nethoni, ungafaki izingqikithi ezisanda kusetshenziswa.
• Umlando wokunyakaza: Rekhoda izinqumo zobuciko kumafilimu ahlukahlukene futhi ukhiqize imibiko ekhombisa amasu asetshenziswe ngokweqile nalawo angakahlolwa.
• Isu lezingxenye: Yakha kabusha i-interface yomkhiqizo ehlanzekile nge-HTML noma udale izingxenye ezicatshangelwe kalula lapho i-interface yangempela ingafaneleki.
• Ikhono le-Claude Code: Sebenzisa umyalo othi /saas-motion-video ukuze ulandele yonke inqubo ngokusebenzisana.
• Isenzo se-GitHub: Hlola wonke amafayela e-STORYBOARD.md kuma-push nakuma-pull request.
• Amathuluzi okukhiqiza: Yehlisa usayizi wama-render okulethwa, hlola izindawo zokuhlangana zama-loop, hlanganisa imisindo efudumele ye-interface, futhi wakhe amagallery.

Qonda ukuhamba komsebenzi okunezigaba eziyisikhombisa

Ukuhamba komsebenzi kuhlukanisa umsebenzi wokukhiqiza nokugunyazwa kobuciko:

1 Brief → 2 Components → 3 Theme → 4 Storyboard → 5 Build → 6 Sound → 7 Deliver
   gate       gate          gate         gate           gate      gate       gate

I-agent ingenza ingxenye enkulu yomsebenzi wokukhiqiza, kodwa isigaba ngasinye siphela ngesinqumo somuntu. Kulezi zindawo zokugunyaza uqinisekisa khona umlayezo, uhlulele ukuthi indlela yokubuka iyafaneleka yini, futhi wenqabe izinqumo ezijwayelekile noma eziphindaphindwayo.

1. Brief: Chaza izethameli, umlayezo, inkundla, ubude, ithoni, nezidingo zokulethwa.
2. Components: Nquma ukuthi uzophilisa i-interface yomkhiqizo ehlanzekile noma udizayine izingxenye ezicatshangelwe ezithembekile.
3. Theme: Khetha ulimi olubukwayo olusekela ithoni oyifunayo.
4. Storyboard: Hlela isithombe ngasinye, uqedele irekhodi lobuciko, bese wenza ukuhlolwa kokuhlukahluka.
5. Build: Yakha ifilimu njengopopayi onqunywa ngokungaguquki futhi ophephile lapho usesha.
6. Sound: Engeza umculo ofanele nokwakheka komsindo lapho kudingeka.
7. Deliver: Render-a ngokulungiswa okuphezulu, dala osayizi bokuphumayo bokugcina, futhi uqinisekise imininingwane yobuchwepheshe efana nezindawo zokuhlangana zama-loop.

Ukufaka nokusetha

Izidingo

Ngaphambi kokufaka le khithi, qinisekisa ukuthi indawo yakho yokusebenza iqukethe:

• Node.js 22 noma entsha
• ffmpeg
• Claude Code

I-HyperFrames izidawuniloda yona i-Chrome esebenza ngaphandle kwe-interface, ngakho akudingeki ufake leyo browser ngokwehlukana ukuze wenze ama-render.

Inketho 1: sebenzisa isifanekiso sendawo yokugcina amafayela

Vula indawo yokugcina amafayela ye-saas-motion-kit bese ukhetha Use this template. Lokhu kudala indawo yokugcina amafayela yefilimu equkethe imithetho yobuciko, amathuluzi, izifanekiso, kanye ne-GitHub Action yokuhlola ukuhlukahluka esivele ilungiselelwe.

Inketho 2: klona indawo yokugcina amafayela

git clone https://github.com/tugrawork-creator/saas-motion-kit
cd saas-motion-kit

Faka amakhono e-HyperFrames e-Claude Code. Awafakwanga ngaphakathi kule khithi:

npx skills add heygen-com/hyperframes

Buka kuqala isibonelo esifakiwe

Indawo yokugcina amafayela iqukethe iphrojekthi ephelele ye-HyperFrames ye-loop ethule, engenamthungo, ye-3D booth ethatha imizuzwana engu-40. Vula uhla lwemibhalo yayo bese uqala ukubuka kuqala ku-Studio:

cd examples/acme-suite-loop
npx hyperframes preview

Ukuze wenze i-4K landscape version esezingeni lokulethwa, sebenzisa:

npx hyperframes render --quality delivery --resolution landscape-4k --output renders/loop-2160.mp4

Dala ipromo yakho yokuqala yesoftware

Isinyathelo 1: bhala i-brief egxile

Qala ngesifanekiso esiku-templates/BRIEF.md. Thola ukuthi umbukeli kufanele aqonde ini, ifilimu yenzelwe bani, izovela kuphi, nokuthi kufanele izwakale kanjani.

Umusho wobuciko owusizo ulandela le phethini:

Ngifuna ukusho [message] ngethoni engu-[tone].

Lesi sinqumo kufanele senziwe ngaphambi kwemiphumela noma kwezinguquko. I-tone matrix eku-creative/tone-matrix.md ixhumanisa ithoni nesivinini, i-easing, ukuziphatha kwekhamera, umbala, i-typography, izinguquko, nomsindo.

Isinyathelo 2: khetha isu lezingxenye

Amamuvi esoftware ancike ku-UI ethembekile. Sebenzisa umthetho wekhithi othi clean-or-imaginary:

1. Uma umkhiqizo une-UI engaguquki, engaxakile futhi yamanje, yithathe njenge-reference bese wakha kabusha amakhadi, amatafula, amashadi nezaziso ezidingekayo nge-HTML usebenzisa ama-design token omkhiqizo.
2. Uma i-interface isiphelelwe yisikhathi, iminyene kakhulu, noma ingakaklanywa, dala izingxenye ezicatshangwayo ezenziwe lula ngolimi olubonakalayo lomkhiqizo.
3. Gcina zonke izingxenye ziyiqiniso. Ingase yenze amandla angempela abe lula, kodwa akufanele iqambe amandla, amakhasimende noma izinombolo zokusebenza.

Le phrojekthi iphinde icele ukuthi imuvi ngayinye iqambe okungenani ingxenye eyodwa yoqobo. I-component forge eku-creative/component-forge.md inikeza inqubo yokuyithuthukisa ngokushesha.

Isinyathelo 3: khetha itimu ebonakalayo

Phequlula igalari yamatimu angu-100 bese ukhetha izinketho ezimbili noma ezintathu ezifanele i-brief. Ishidi ngalinye letimu linezikhathi ezine ezibalulekile—Hook, Reveal, Proof ne-CTA—kanye nezingxenye eziphakanyisiwe, amasu okunyakaza anesikhathi, izingozi, isiqondiso sokuzivumelanisa nezimo, nama-reference.

Ungakhetha namatimu ngomugqa womyalo. Isibonelo, lo myalo usesha amatimu adlalayo aqondiswe kubathuthukisi bese ukhipha amatimu aqoshwe emlandweni wakamuva:

python tools/pick_themes.py --tone playful --audience "developers" --history ~/.motion-ledger.json

Amatimu ahlelwe abe imindeni engu-10:

• I-Product UI njengenkundla
• Amasistimu e-typography nezithombe
• Impahla ne-3D
• Ukukhanya, i-optics nokuthungwa
• Imiqondo yezifaniso
• Izikhombandlela zesiginesha
• Ukuxoxa izindaba ngedatha
• Abalingiswa nama-mascot
• Ukunyakaza kobuciko nezikhathi zomlando
• Uhlelo lolimi lwekhamera nokuhlela

Isinyathelo 4: yakha futhi uhlole i-storyboard

Dala STORYBOARD.md usebenzisa i-template enikeziwe. Qala ngomusho womlayezo nethoni, bese ugcwalisa i-creative ledger enomugqa owodwa ngokudutshulwa ngakunye. Qopha izinqumo ezifana nezinguquko, ukungena, i-easing, isiqondiso sokunyakaza, isikhathi, ama-accent, okumangazayo, nezingxenye zoqobo.

Yenza i-creative audit eyimpoqo ngaphambi kokwakha:

python tools/variety_audit.py STORYBOARD.md

Lungisa izinqumo eziphindaphindiwe ezimakwe yi-audit. Uma ukuphindaphinda kuhlosiwe futhi kunencazelo endabeni, kukhombe njenge-motif: ecatshangwe ngamabomu kunokukushiya kungachazwanga.

I-audit ingasebenza nomlando wokunyakaza, ikusize ugweme amasu asetshenziswe kumamuvi akamuva. Lapho wengeza umphumela, inketho ethi --theme NNN iqopha itimu ekhethiwe njengengxenye yalowo mlando.

Isinyathelo 5: qala ukukhiqiza nge-Claude Code

Vula i-Claude Code empandeni ye-repository bese ubiza i-skill efakiwe ngesicelo esicacile. Isibonelo:

/saas-motion-video  Make a 45 s LinkedIn promo for https://your-product.com — theme 055 (Bento Grid), music-driven, no voiceover.

I-skill ikuqondisa kuzo zonke izigaba eziyisikhombisa futhi ime esangweni ngalinye lokubuyekeza. Ungaziphathi lezi zikhathi njengezinto zokugcwalisa: zisebenzise ukuhlola ukuthi umsebenzi uyayidlulisa yini i-brief nokuthi izinqumo zawo ezibonakalayo ziqondile yini kunokuba zibe ezijwayelekile.

Isinyathelo 6: buka kuqala bese unikezela

Sebenzisa i-HyperFrames Studio ngenkathi wakha:

npx hyperframes preview

Ukuze ulethwe kokugcina, nikezela ngo-4K ngisho noma okuhlosiwe kungu-1080p noma u-2K:

npx hyperframes render --quality delivery --resolution landscape-4k --output renders/final-2160.mp4

Bese usebenzisa tools/deliver.sh ukwehlisa usayizi nge-Lanczos. Ngokweziqondiso zephrojekthi, lokhu kukhiqiza umbhalo, imiphetho nezithombe ze-3D ezihlanzeke kakhulu kunokunikezela ngokwendabuko ngo-1080p.

Sebenzisa uhlelo lokuhlukahluka kuwo wonke amamuvi amaningi

Landela umlando wakho wokudala

Imuvi ingagwema ukuphindaphinda ngaphakathi kwayo kodwa isafane nomsebenzi wakho wangaphambilini. Amathuluzi omlando abhekana nalo mkhuba obanzi ngokurekhoda amatimu nezinqumo zokunyakaza kuwo wonke amaphrojekthi.

Yenza umbiko wekhasi elilodwa nge-tools/history_report.py. Ubonisa izinguquko, ukungena nezitayela ze-easing ovame ukuzisebenzisa, kanye nezinguquko ze-atlas namatimu ongakawahloli.

Hlola ama-storyboard ekuhlanganisweni okuqhubekayo

I-repository ifaka i-.github/workflows/variety-audit.yml. Kuwo wonke ama-push nama-pull request, i-workflow ihlola i-STORYBOARD.md ngayinye. I-storyboard eziphindaphindayo iyehluleka ukuhlolwa, okwenza ukubuyekezwa kokudala kwenzeke kusenesikhathi enqubweni yokukhiqiza.

Ukuqala nge-template ye-GitHub kuyindlela elula yokuthola le workflow. Uma ukopisha ikhithi uyifake kuphrojekthi ekhona, gcina i-workflow futhi uqinisekise ukuthi i-storyboard yakho ilandela isakhiwo se-ledger esilindelekile.

Funda ekuqhathanisweni kwamafilimu ayisithupha

Uhlu lwe-examples/six-films lusebenzisa umbhalo owodwa wamasekhondi angu-12 kumatimu ayisithupha. Inguqulo ngayinye igcina indaba efanayo ngenkathi ishintsha ulimi lwayo olubonakalayo futhi yethula ingxenye eyingqayizivele. Uhlu luphinde lufake i-brief eyabiwe, okukuvumela ukuthi unikeze i-agent imikhawulo efanayo bese uzama incazelo yesikhombisa.

Iphrojekthi ye-examples/acme-suite-loop inikeza esinye isifundo esiwusizo. I-storyboard yayo yokuqala yayiphinda i-turn, ukungena kwesihloko, i-easing nobude bokudutshulwa obufanayo. Inguqulo ebuyekeziwe iyahlukahluka ekungeneni, kuma-turn, ku-pacing nasekuziphatheni kwekhamera, ngenkathi yengeza okumangazayo okubonakalayo okuhlosiwe.

Amathiphu okukhiqiza athuthukile

Yenza wonke ama-frame aphephe ekusesheni

I-HyperFrames kufanele ikwazi ukunikezela noma yiluphi uhlaka oluceliwe ngendlela engaguquki. Phatha uhlaka ngalunye njengomsebenzi omsulwa wesikhathi. I-README incoma umugqa wesikhathi owodwa we-GSAP omisiwe nokusebenzisa i-hf-seek ukuqhuba i-Three.js.

Gwema i-Date.now() nokungahleliwe okungasekelwanga ngembewu. Le miphumela ingahluka lapho umnikezeli wehlisela ngokuqondile kuhlaka oluthile.

Yakha izihibe ezingenamthungo ngezibalo

Kwifilimu enezihibe, nikeza ukunyakaza ngakunye kwendawo ezungezile inani eliphelele lemijikelezo phakathi nobude besihibe. Iphrojekthi iveza lo mgomo kanje:

sin(2π·n·t/LOOP)

Ngemva kokunikezela, qinisekisa indawo yokuhlangana usebenzisa i-tools/loop_check.py esikhundleni sokuthembela kuphela ekuhloleni ngamehlo.

Phatha ngokucophelela ukubhalwa kwezilimi eziningi

Lapho ifilimu inezinhlamvu ezingezona ezesiLatini, faka amaphakheji amancane amafonti endawo e-latin-ext. Amafonti okuzibuyisela akhelwe ngaphakathi angase ashiye izinhlamvu ezifana ne-ş, ğ, ne-İ ngaphandle kokubonakala.

Ungacabangi ukuthi ukuguqula osonhlamvukazi nge-CSS kusebenza ngendlela efanayo kuzo zonke izilimi. Ngokwesibonelo, esiTurkey, ukuguqula u-i omncane kukhiqiza u-İ. Faka umbhalo wokubonisa ngendlela yawo ehloswe ngayo yosonhlamvukazi bese usetha inani elifanele le-lang egameni ngalinye.

Gcina umsindo ufudumele futhi unenjongo

Imisindo yesixhumi esibonakalayo eyenziwe ngamagagasi e-sine kuphela ingazwakala izacile noma iphazamise. Ikhithi ifaka i-tools/warm_sfx.py yamathoni afudumele ashunwe njenge-marimba noma ibhulokhi yokhuni kukhiye owodwa enomsindo omfushane wokubuyela wegumbi.

Uma wenza umculo nge-Meta’s MusicGen, khumbula ukuthi izisindo zayo zinelayisensi ye-CC-BY-NC 4.0 futhi azihloselwe ukusetshenziswa kwezentengiselwano. Khetha umculo onelayisensi efanele kumafilimu ezentengiselwano.

Yehlisa umbhalo ovela esikrinini

Vumela ukunyakaza nokwakheka kwesithombe kuphathe indaba. Gcina umbhalo kumalebula nasemugqeni owodwa cishe ngesigqi ngasinye. Uma ababukeli kufanele bafunde izigaba ukuze baqonde ifilimu, izithombe azisebenzi ngokwanele ekuxoxeni indaba.

Gwema ukufaka ibha yenqubekelaphambili ngezansi. Iphrojekthi ixwayisa ngokuthi lokhu kwenza ifilimu yomkhiqizo ibukeke njengokuqoshwa kwesikrini.

Sebenzisa izinguquko ekuxoxeni indaba

Bheka i-transition atlas esikhundleni sokukhetha izinguquko njengomhlobiso. Ngayinye kwezi-24 zayo ichaza umuzwa ewusekelayo nokuthi yiziphi izinhlanganisela okufanele zigwenywe. Khetha izinguquko ezicacisa ubudlelwano phakathi kwemibono, ezithwala into phakathi kwezithombe, noma eziqinisa ulimi lwezinto nekhamera lwefilimu.

Uhlu lokuhlola olutuswayo lwephrojekthi yokuqala

1. Faka i-Node.js 22+, i-ffmpeg, i-Claude Code, namakhono e-HyperFrames.
2. Buka kuqala isibonelo se-Acme ukuze uqinisekise indawo yokunikezela.
3. Bhala isifinyezo esinomusho owodwa ocacile womlayezo nethoni.
4. Nquma ukuthi uzokwakha kabusha i-UI yangempela noma udale izingxenye eziqanjiwe ezinokwethenjelwa.
5. Khetha izingqikithi ezimbili noma ezintathu zegalari, bese ugunyaza eyodwa esangweni lengqikithi.
6. Bhala i-storyboard bese uqedela irekhodi layo lokudala.
7. Qalisa i-tools/variety_audit.py bese ulungisa izinketho eziphindaphindwayo.
8. Yakha usebenzisa ukugqwayiza okunqunywe kusengaphambili nokuphephile ekwehleni ngqo kuhlaka.
9. Faka umsindo olinganiselwe onelayisensi efanele.
10. Nikeza nge-4K, wehlisele usayizi ukuze udluliselwe, bese uhlola izindawo zokuhlangana kwezihibe lapho kudingeka.
11. Faka izinqumo zefilimu emlandweni wokunyakaza ukuze iphrojekthi elandelayo iqale ngemibono ehlukile.

Isiphetho

i-saas-motion-kit ayilona iqoqo lemiphumela okufanele isetshenziswe ngokomshini. Iyindlela ehlelekile yokwenza amafilimu esoftware axhumana ngokucacile ngenkathi ehlala ehlukile ngokubukeka. Ngokuchaza ithoni ngaphambi kwendlela, ngokusungula izingxenye eziqondene nephrojekthi, ngokubuyekeza izinqumo esangweni ngalinye, nangokuhlola ukuphindaphinda ngaphambi kokukhiqiza, ungakha ukuhamba komsebenzi okuphindaphindekayo ngaphandle kokwenza umsebenzi ophindaphindwayo.