Learning Timeline
Key Insights
Strategi 'Vibe Coding'
Jangan jangkakan hasil sempurna dalam satu prompt. Kunci utama adalah 'ping-pong' atau berdialog dengan Claude Code selama 30 minit untuk mendapatkan output yang benar-benar berkualiti untuk kempen iklan.
Inspirasi daripada DTC (Direct-to-Consumer)
Pasaran e-dagang pengguna (DTC) biasanya paling ke hadapan dalam pengujian iklan. Gunakan Facebook Ad Library untuk kaji framework mereka, kemudian arahkan AI untuk mengadaptasi 'hooks' dan 'angles' tersebut untuk perniagaan anda.
Kelebihan Video Berasaskan Kod
Kerana Remotion menggunakan kod (CSS/JS), anda boleh menukar font, warna, dan aset secara pukal (programmatic) merentas berpuluh-puluh variasi iklan tanpa perlu mengedit video secara manual satu demi satu.
Prompts
Instalasi Projek Remotion
Target:
Claude Code
Use this GitHub repository link [Insert Link] to install all required packages and set up the Remotion project in this directory.
Penjanaan Variasi Video
Target:
Claude Code
Create 20 different ad variations based on the brand style we discussed. Generate them in square, vertical, and landscape formats using the existing CSS and fonts in the project.
Step by Step
Pemasangan dan Persediaan Remotion dalam Claude Code
- Buka terminal dan aktifkan Claude Code.
- Dapatkan pautan GitHub repository atau Gist rasmi daripada Remotion (rujuk akaun X/Twitter Remotion untuk template percuma).
- Masukkan arahan kepada Claude Code untuk memasang semua 'packages' yang diperlukan berdasarkan pautan repository tersebut.
- Tunggu Claude Code selesai menjalankan proses instalasi dependencies dalam persekitaran terminal anda.
Proses Penjanaan Iklan Video Secara Programatik
- Mulakan sesi 'vibe coding' dengan memberikan prompt kepada Claude Code untuk membina video berdasarkan identiti jenama (brand style) anda.
- Berikan arahan spesifik untuk menggunakan fail CSS dan font yang sedia ada dalam projek anda bagi memastikan konsistensi visual.
- Lakukan proses 'prompt back-and-forth' (iterasi) selama kira-kira 30 minit untuk melaraskan elemen visual dan mesej iklan.
- Arahkan Claude Code untuk menjana variasi format video secara automatik: Square (1:1), Vertical (9:16), dan Landscape (16:9).
- Setelah kod selesai ditulis, Remotion akan membuka tetingkap 'browser' secara automatik untuk menunjukkan hasil akhir video.
- Semak hasil kerja dan ambil 'screenshot' jika perlu untuk dimasukkan semula ke dalam Claude Code bagi tujuan penambahbaikan visual.
