hazdo.web.id – Membuat video profesional kini tidak harus dimulai dengan menguasai software editing yang rumit. Dengan bantuan Claude Opus 5.5 dan Remotion, kreator dapat membangun video melalui instruksi teks, menyusun storyboard, membuat animasi, mengatur transisi, menambahkan subtitle, hingga melakukan proses rendering.
Salah satu keunggulan pendekatan ini adalah proses editing dapat dilakukan melalui kode. Claude membantu menulis dan memperbaiki komponen video, sedangkan Remotion menjalankan proyek tersebut sebagai video yang dapat dipratinjau dan dirender.
Dalam tutorial ini, kita akan membahas langkah demi langkah cara menggunakan Claude Desktop dalam mode Code, memasang Remotion Agent Skills, menyiapkan folder proyek, menulis prompt, memeriksa storyboard, mengoreksi hasil editing, dan mengekspor video.
Panduan ini cocok untuk pemula yang ingin mencoba AI video editing, content creator, YouTuber, affiliate marketer, pembuat video promosi, hingga kreator konten edukasi.
1. Mengenal Claude Opus 5.5 dan Remotion
Sebelum mulai, pahami terlebih dahulu fungsi setiap alat.
Apa itu Claude Opus 5.5?
Claude Opus 5.5 merupakan model AI dari Anthropic yang dapat membantu pekerjaan kompleks, termasuk pemrograman, analisis, dan pengembangan proyek. Dalam alur kerja video, Claude dapat membantu:
- Membuat konsep dan ide video.
- Menyusun naskah dan storyboard.
- Menulis kode komponen video.
- Mengatur animasi dan transisi.
- Membuat subtitle dan teks.
- Mengatur durasi setiap adegan.
- Memperbaiki kesalahan kode.
- Membantu mengevaluasi hasil preview.
Claude bukan aplikasi editing video konvensional. Untuk menghasilkan video melalui pendekatan ini, kita membutuhkan lingkungan proyek dan alat rendering seperti Remotion.
Apa itu Remotion?
Remotion adalah framework untuk membuat video menggunakan React dan JavaScript. Alih-alih mengedit seluruh elemen melalui timeline seperti aplikasi editing biasa, kreator dapat menyusun video menggunakan komponen dan kode.
Contohnya, sebuah video promosi dapat dibangun dari beberapa bagian:
- Intro dengan animasi judul.
- Adegan produk.
- Teks keunggulan produk.
- Transisi antarscene.
- Musik latar.
- Outro dan call to action.
Setiap bagian dapat diatur melalui kode sehingga mudah diperbaiki, diubah, dan digunakan kembali.
Bagaimana keduanya bekerja?
| Alat | Fungsi |
|---|---|
| Claude Opus 5.5 | Menulis kode, merencanakan video, dan membantu editing |
| Claude Desktop | Lingkungan desktop untuk menjalankan sesi Claude |
| Claude Code | Mode kerja coding agent untuk mengelola proyek |
| Remotion | Framework untuk membangun dan merender video |
| Remotion Agent Skills | Panduan kerja agar AI mengikuti praktik Remotion |
| Node.js dan npm | Menjalankan proyek JavaScript |
| Remotion Studio | Melihat preview dan menguji komposisi video |
Dengan kombinasi ini, proses pembuatan video menjadi lebih terstruktur. Namun, hasil akhirnya tetap perlu diperiksa oleh manusia.
2. Persiapan Sebelum Instalasi
Sebelum menginstal aplikasi, siapkan beberapa kebutuhan berikut:
- Komputer Windows atau macOS.
- Koneksi internet yang stabil.
- Akun Claude dengan akses ke Claude Code.
- Claude Desktop.
- Node.js versi LTS.
- Editor kode tambahan jika diperlukan.
- Folder khusus untuk menyimpan proyek.
- Bahan video, gambar, logo, font, dan musik yang legal digunakan.
Catatan mengenai paket Claude: Akses Claude Code di Claude Desktop bergantung pada paket dan ketersediaan fitur akun. Periksa paket yang digunakan sebelum mengikuti tutorial. Jangan menganggap semua fitur Code tersedia pada akun gratis.
3. Cara Instal Claude Desktop
Langkah pertama adalah memasang aplikasi Claude Desktop.
Langkah 1: Buka halaman unduhan Claude
Kunjungi halaman resmi:
Pilih versi aplikasi yang sesuai dengan sistem operasi komputer.
- Windows: pilih installer Windows.
- macOS: pilih versi macOS.
- Linux: ikuti petunjuk Linux jika tersedia untuk distribusi yang digunakan.
Langkah 2: Instal aplikasi
Untuk Windows:
- Buka file installer yang sudah diunduh.
- Ikuti petunjuk instalasi.
- Tunggu sampai proses selesai.
- Buka Claude melalui Start Menu.
Untuk macOS:
- Buka file unduhan.
- Ikuti petunjuk pemasangan aplikasi.
- Pindahkan aplikasi ke folder Applications jika diminta.
- Jalankan Claude.
Langkah 3: Login akun
Setelah aplikasi terbuka:
- Klik Sign In.
- Masukkan akun Claude.
- Selesaikan proses autentikasi.
- Tunggu sampai halaman utama terbuka.
Jika sudah berhasil login, Claude Desktop siap digunakan.
Panduan resmi instalasi dapat dilihat di:
https://support.claude.com/id/articles/10065433-instal-claude-desktop
4. Mengaktifkan Mode Code di Claude Desktop
Setelah Claude Desktop terinstal, langkah selanjutnya adalah membuka fitur Code.
Claude Desktop memiliki beberapa lingkungan kerja. Untuk membuat dan mengedit proyek Remotion, kita membutuhkan lingkungan Claude Code.
Langkah-langkahnya:
- Buka Claude Desktop.
- Pastikan akun sudah login.
- Cari tab atau pilihan Code pada antarmuka aplikasi.
- Klik Code.
- Buat sesi baru.
- Pilih folder proyek yang akan digunakan.
- Berikan izin akses sesuai kebutuhan proyek.
Pada sesi Code, Claude dapat membantu membaca dan mengubah file proyek, membuat komponen, menjalankan perintah, serta memperbaiki kode sesuai instruksi dan izin yang diberikan.
Penting: Jangan mencampuradukkan tab Chat dan Code. Chat biasa cocok untuk diskusi, ide, dan penyusunan konsep. Mode Code lebih tepat ketika kita ingin Claude bekerja langsung pada file proyek.
Jika pilihan Code tidak muncul, periksa paket akun, pembaruan aplikasi, dan ketersediaan Claude Code di wilayah atau akun yang digunakan.
5. Instal Node.js dan Periksa npm
Remotion membutuhkan lingkungan JavaScript untuk menjalankan proyek.
Salah satu cara paling mudah adalah memasang Node.js versi LTS.
Langkah instalasi
- Buka https://nodejs.org/
- Pilih versi LTS.
- Unduh installer sesuai sistem operasi.
- Jalankan installer.
- Ikuti petunjuk sampai selesai.
- Tutup dan buka kembali terminal.
Untuk memeriksa apakah instalasi berhasil, buka Terminal atau Command Prompt, kemudian jalankan:
node -v
Selanjutnya:
npm -v
Jika keduanya menampilkan nomor versi, berarti Node.js dan npm sudah tersedia.
Jika perintah tidak dikenali, periksa kembali instalasi dan konfigurasi PATH, kemudian buka ulang terminal.
6. Instal Remotion Agent Skills
Ini adalah salah satu bagian paling penting dalam tutorial.
Remotion menyediakan Agent Skills yang berisi instruksi dan praktik terbaik untuk membantu coding agent bekerja dengan proyek Remotion.
Skill tersebut membantu AI memahami cara membangun komposisi, mengatur animasi, membuat preview, dan melakukan rendering.
Perintah instalasi yang benar
Buka terminal pada folder proyek, lalu jalankan:
npx skills add remotion-dev/skills
Alternatif melalui CLI Remotion:
npx remotion skills add
Tunggu sampai proses instalasi selesai.
Perintah yang menjadi acuan awal:
npx skills add remotion-dev/skill
sebaiknya diperbaiki menjadi:
npx skills add remotion-dev/skills
Perhatikan perbedaan skill dan skills. Repositori resmi Remotion yang digunakan adalah remotion-dev/skills.
Apa saja Skill yang tersedia?
Beberapa Skill yang berguna antara lain:
| Nama Skill | Kegunaan |
|---|---|
| remotion-best-practices | Panduan umum praktik terbaik Remotion |
| remotion-create | Membuat proyek atau komposisi video |
| remotion-markup | Menyusun elemen dan animasi video |
| remotion-studio | Membuka preview Remotion Studio |
| remotion-render | Membantu proses rendering |
| remotion-captions | Pekerjaan yang berkaitan dengan subtitle |
| remotion-multimedia | Pengelolaan media dalam proyek |
Daftar dan ketersediaannya dapat berubah mengikuti pembaruan repositori.
Di mana Skill disimpan?
Remotion Agent Skills dipasang di direktori:
.agents/skills
Kompatibilitas Claude Code menggunakan direktori atau symlink:
.claude/skills
Setelah instalasi, pastikan folder Skill benar-benar muncul pada proyek.
Dokumentasi resmi:
https://www.remotion.dev/docs/ai/skills
7. Membuat Folder Project Video
Sekarang kita masuk ke tahap menyiapkan ruang kerja.
Buat satu folder khusus agar semua file video tersimpan secara terorganisasi.
Contoh nama folder:
AI-VIDEO-PROJECT
Struktur proyek yang direkomendasikan:
AI-VIDEO-PROJECT/
│
├── public/
│ ├── images/
│ ├── videos/
│ ├── audio/
│ ├── logos/
│ └── fonts/
│
├── src/
│ ├── components/
│ ├── scenes/
│ ├── animations/
│ ├── captions/
│ ├── data/
│ ├── Root.tsx
│ └── index.ts
│
├── output/
│
├── references/
│ ├── storyboard.md
│ ├── script.md
│ └── visual-guide.md
│
├── .agents/
│ └── skills/
│
├── package.json
└── README.md
Keterangan:
public/images: menyimpan foto dan gambar.public/videos: menyimpan video pendukung.public/audio: menyimpan musik dan efek suara.public/logos: menyimpan logo brand.public/fonts: menyimpan font lokal yang memiliki izin penggunaan.src/components: menyimpan komponen yang dapat digunakan berulang.src/scenes: menyimpan adegan video.src/animations: menyimpan animasi.src/captions: menyimpan komponen subtitle.src/data: menyimpan teks, data produk, dan konfigurasi.output: tempat menyimpan hasil render.references: menyimpan brief, naskah, dan storyboard.
Struktur tersebut adalah contoh organisasi yang disarankan. Claude dapat menyesuaikannya dengan template Remotion yang digunakan.
Membuat proyek Remotion
Jika belum memiliki proyek, salah satu cara memulainya adalah:
npx create-video@latest
Ikuti pilihan template yang ditampilkan.
Untuk membuat proyek kosong menggunakan perintah yang didokumentasikan Remotion:
npx create-video@latest --yes --blank my-video
Kemudian masuk ke folder:
cd my-video
Pasang Skill:
npx remotion skills add
Jalankan preview:
npm run dev
Jika berhasil, Remotion Studio akan terbuka atau menampilkan alamat lokal yang dapat dibuka melalui browser.
8. Siapkan Bahan Sebelum Menulis Prompt
Jangan langsung meminta Claude membuat video tanpa memberikan bahan yang jelas.
Siapkan informasi berikut:
- Tema atau topik video.
- Tujuan video.
- Target penonton.
- Platform publikasi.
- Durasi video.
- Rasio layar.
- Gaya visual.
- Naskah atau pesan utama.
- Foto dan video pendukung.
- Musik dan efek suara.
- Logo dan identitas brand.
- Call to action.
Contoh brief:
| Elemen | Contoh |
|---|---|
| Tema | Tutorial AI Video Editing |
| Tujuan | Edukasi |
| Audiens | Content creator pemula |
| Platform | YouTube |
| Durasi | 60 detik |
| Rasio | 16:9 |
| Gaya | Modern, cinematic, teknologi |
| Warna | Biru gelap dan putih |
| Musik | Electronic ambient |
| CTA | Subscribe untuk tutorial berikutnya |
Semakin lengkap brief, semakin mudah Claude menghasilkan video sesuai harapan.
9. Cara Menulis Prompt untuk Membuat Video
Prompt merupakan instruksi utama yang menentukan arah pekerjaan Claude.
Hindari prompt terlalu singkat seperti:
Buatkan video teknologi yang keren.
Instruksi tersebut belum menjelaskan struktur adegan, durasi, animasi, aset, audio, dan tujuan video.
Gunakan prompt yang lebih terarah.
Contoh prompt utama untuk Claude Opus 5.5
Salin prompt berikut ke sesi Code:
Kamu adalah AI Video Editor dan Motion Graphic Developer
yang ahli menggunakan Remotion, React, TypeScript,
JavaScript, CSS Animation, dan video storytelling.
Saya ingin membuat video profesional menggunakan Remotion.
TUGAS UTAMA:
Buat proyek video berdasarkan brief yang akan saya berikan.
BRIEF VIDEO:
- Judul: [ISI JUDUL]
- Topik: [ISI TOPIK]
- Target audiens: [ISI AUDIENS]
- Tujuan: [EDUKASI/PROMOSI/ENTERTAINMENT]
- Platform: [YOUTUBE/TIKTOK/INSTAGRAM]
- Durasi: [ISI DURASI]
- Rasio: [16:9 / 9:16 / 1:1]
- Resolusi target: [1080p / 4K]
- Gaya visual: [CINEMATIC/MINIMALIST/MODERN]
- Warna utama: [ISI WARNA]
- Musik: [JENIS MUSIK]
- Bahasa: Indonesia
ATURAN KERJA:
1. Periksa struktur proyek terlebih dahulu.
2. Pelajari Remotion Agent Skills yang tersedia.
3. Jangan langsung membuat seluruh video.
4. Buat konsep dan naskah terlebih dahulu.
5. Susun storyboard lengkap per scene.
6. Tentukan durasi setiap scene.
7. Jelaskan visual, teks, animasi, transisi,
audio, dan narasi setiap scene.
8. Tampilkan storyboard untuk saya review.
9. Tunggu persetujuan saya sebelum melanjutkan
ke implementasi keseluruhan.
10. Setelah disetujui, buat komponen Remotion
yang modular dan mudah diedit.
11. Gunakan nama file dan struktur folder yang rapi.
12. Pastikan seluruh aset memiliki path yang benar.
13. Jalankan preview dan periksa error.
14. Perbaiki kesalahan kode tanpa menghapus
fitur yang sudah disetujui.
15. Jangan mengklaim rendering berhasil jika
proses rendering belum benar-benar selesai.
HASIL AKHIR:
- Proyek Remotion yang dapat dijalankan.
- Storyboard.
- Komponen video.
- Animasi dan transisi.
- Subtitle.
- Audio.
- Preview.
- Video hasil render.
Mulai dengan menganalisis proyek dan membuat
rencana produksi. Jangan langsung melakukan
render sebelum saya menyetujui storyboard.
Prompt tersebut membuat proses lebih terkontrol karena Claude diminta bekerja melalui beberapa tahap, bukan langsung menghasilkan kode dalam jumlah besar.
10. Review Storyboard Sebelum Editing
Ini merupakan tahap yang sebaiknya tidak dilewatkan.
Storyboard adalah gambaran visual mengenai urutan adegan yang akan dibuat. Dengan meninjau storyboard terlebih dahulu, kita dapat menghindari kesalahan konsep sebelum Claude menulis banyak kode.
Minta Claude menyusun storyboard dalam format tabel.
Contoh storyboard video 60 detik:
| Scene | Durasi | Visual | Teks layar | Animasi |
|---|---|---|---|---|
| 1. Intro | 0–5 dtk | Background teknologi | AI VIDEO EDITING | Zoom in |
| 2. Masalah | 5–12 dtk | Kreator di depan komputer | Editing lebih efisien | Pan |
| 3. Solusi | 12–22 dtk | Tampilan Claude | Gunakan AI Assistant | Fade |
| 4. Proses | 22–38 dtk | Timeline dan kode | Bangun video dengan Remotion | Slide |
| 5. Hasil | 38–52 dtk | Preview video | Kreativitas tanpa batas | Reveal |
| 6. Outro | 52–60 dtk | Logo dan CTA | Subscribe sekarang | Zoom out |
Apa yang harus diperiksa?
Sebelum menyetujui storyboard, periksa:
- Apakah urutan cerita sudah logis?
- Apakah intro cukup menarik?
- Apakah durasi setiap adegan masuk akal?
- Apakah teks mudah dibaca?
- Apakah visual sesuai dengan topik?
- Apakah transisi tidak berlebihan?
- Apakah terdapat jeda yang terlalu panjang?
- Apakah pesan utama tersampaikan?
- Apakah CTA ditempatkan pada bagian yang tepat?
Prompt untuk merevisi storyboard
Tinjau kembali storyboard yang sudah kamu buat.
Saya ingin melakukan review sebelum proses coding.
Periksa:
1. Alur cerita.
2. Durasi setiap scene.
3. Kesesuaian visual dengan narasi.
4. Keterbacaan teks.
5. Kekuatan opening.
6. Konsistensi warna.
7. Transisi antar-scene.
8. Penempatan musik dan sound effect.
9. Kejelasan pesan utama.
10. Kekuatan closing dan CTA.
Tandai bagian yang perlu diperbaiki.
Berikan versi storyboard revisi dalam tabel.
Jangan mulai coding sebelum saya menyetujuinya.
11. Memulai Proses Editing dengan Claude
Setelah storyboard disetujui, kita dapat melanjutkan ke proses pembuatan video.
Minta Claude membangun video berdasarkan storyboard yang sudah disepakati.
Contoh prompt:
Storyboard sudah saya setujui.
Sekarang mulai implementasi menggunakan Remotion.
Buat video dengan ketentuan:
1. Gunakan struktur komponen modular.
2. Pisahkan setiap scene ke komponen tersendiri.
3. Atur durasi menggunakan frame Remotion.
4. Gunakan animasi yang halus.
5. Pastikan teks tidak keluar dari layar.
6. Gunakan font yang mudah dibaca.
7. Tambahkan transisi yang konsisten.
8. Tambahkan subtitle jika diperlukan.
9. Atur musik dan sound effect.
10. Gunakan aset dari folder public.
11. Pastikan rasio video sesuai brief.
12. Hindari duplikasi kode yang tidak diperlukan.
Kerjakan secara bertahap.
Setelah setiap bagian selesai:
- Periksa kode.
- Jalankan preview.
- Periksa error.
- Berikan ringkasan perubahan.
Jangan menghapus komponen yang sudah benar
tanpa alasan yang jelas.
Cara Claude mengatur scene
Dalam Remotion, video disusun berdasarkan komposisi dan frame.
Misalnya, video berjalan pada 30 FPS. Maka:
- 1 detik = 30 frame.
- 5 detik = 150 frame.
- 10 detik = 300 frame.
- 60 detik = 1.800 frame.
Dengan sistem frame, durasi animasi dapat dikontrol secara presisi.
Claude dapat mengatur kapan teks muncul, kapan gambar bergerak, dan kapan transisi dimulai.
12. Koreksi Hasil Editing Claude
Setelah Claude menyelesaikan implementasi, jangan langsung menganggap video sudah sempurna.
Buka preview melalui Remotion Studio.
Perhatikan hasil setiap scene, kemudian catat bagian yang perlu diperbaiki.
Contoh masalah yang sering muncul:
| Masalah | Instruksi koreksi |
|---|---|
| Teks terlalu kecil | Perbesar ukuran font |
| Animasi terlalu cepat | Perpanjang durasi animasi |
| Transisi patah | Perbaiki timing dan interpolasi |
| Gambar terpotong | Atur object-fit dan posisi |
| Warna tidak konsisten | Gunakan palet warna yang sama |
| Subtitle terlambat | Sinkronkan timing subtitle |
| Musik terlalu keras | Turunkan volume audio |
| Scene terlalu kosong | Tambahkan elemen visual yang relevan |
| Teks keluar layar | Perbaiki layout dan safe area |
| Preview error | Periksa log dan komponen terkait |
Prompt untuk koreksi visual
Saya sudah memeriksa preview video.
Tolong lakukan evaluasi terhadap hasil editing.
Masalah yang saya temukan:
1. [TULIS MASALAH PERTAMA]
2. [TULIS MASALAH KEDUA]
3. [TULIS MASALAH KETIGA]
Tugas kamu:
- Identifikasi penyebab masalah.
- Periksa komponen yang berkaitan.
- Perbaiki bagian yang bermasalah.
- Pertahankan bagian lain yang sudah benar.
- Pastikan timing tetap sesuai storyboard.
- Jalankan kembali preview.
- Laporkan perubahan yang dilakukan.
Jangan melakukan redesign keseluruhan video
jika masalah hanya terjadi pada beberapa scene.
Koreksi berdasarkan screenshot
Jika tersedia fitur berbagi gambar atau screenshot, ambil tangkapan layar dari Remotion Studio dan berikan kepada Claude.
Kemudian tulis instruksi:
Perhatikan screenshot preview yang saya berikan.
Identifikasi masalah pada:
- Posisi teks.
- Ukuran elemen.
- Komposisi visual.
- Jarak antarobjek.
- Warna.
- Keseimbangan layout.
Berikan analisis singkat, kemudian perbaiki
komponen yang relevan di dalam proyek.
Pertahankan konsep visual utama.
Cara ini membantu Claude memahami bagian yang perlu diperbaiki secara lebih spesifik.
13. Menambahkan Subtitle Otomatis atau Manual
Subtitle sangat penting untuk video media sosial karena banyak penonton menonton tanpa mengaktifkan suara.
Ada beberapa cara untuk menambahkannya:
- Menulis subtitle secara manual.
- Menggunakan transkrip narasi.
- Menggunakan hasil transkripsi audio.
- Mengimpor file subtitle seperti SRT, kemudian mengolahnya menjadi elemen teks dalam Remotion.
Contoh prompt:
Buat sistem subtitle untuk video ini.
Ketentuan:
- Gunakan bahasa Indonesia.
- Sinkronkan teks dengan narasi.
- Maksimal dua baris per tampilan.
- Gunakan ukuran font yang mudah dibaca.
- Tempatkan subtitle pada safe area.
- Gunakan kontras yang jelas.
- Berikan animasi masuk yang sederhana.
- Hindari subtitle menutupi objek utama.
Pisahkan data subtitle dari komponen visual
agar mudah diperbarui.
Pastikan transkrip diperiksa kembali. Sistem transkripsi otomatis dapat salah mengenali nama produk, istilah teknis, dan kata-kata tertentu.
14. Menambahkan Musik, Voice Over, dan Sound Effect
Video yang bagus bukan hanya mengandalkan visual. Audio juga berpengaruh besar terhadap pengalaman menonton.
Elemen audio yang dapat ditambahkan:
- Background music.
- Voice over.
- Sound effect.
- Transition sound.
- Ambient sound.
Prompt pengaturan audio
Tambahkan audio ke dalam video.
Ketentuan:
1. Gunakan musik latar yang sesuai dengan tema.
2. Atur volume agar tidak menutupi voice over.
3. Tambahkan sound effect pada transisi penting.
4. Sinkronkan audio dengan adegan.
5. Hindari suara yang terlalu keras.
6. Pastikan audio tidak terpotong secara mendadak.
7. Buat fade in dan fade out jika diperlukan.
Gunakan hanya file audio yang tersedia
dan memiliki izin penggunaan.
Tips: Simpan musik dan efek suara di folder public/audio. Gunakan aset yang dibuat sendiri, berlisensi, atau memang diizinkan untuk digunakan.
15. Menggunakan Gambar, Video, dan Asset Eksternal
Claude dapat membantu mengatur aset visual dalam proyek, tetapi kita tetap perlu menyediakan atau menentukan sumber asetnya.
Contoh:
public/
├── images/
│ ├── product-01.png
│ ├── background.jpg
│ └── scene-01.png
│
├── videos/
│ ├── b-roll-01.mp4
│ └── product-demo.mp4
│
├── audio/
│ ├── background-music.mp3
│ └── sound-effect.wav
│
└── logos/
└── brand-logo.png
Prompt untuk menggunakan aset:
Periksa seluruh aset yang tersedia di folder public.
Gunakan:
- product-01.png untuk scene produk.
- background.jpg untuk latar.
- b-roll-01.mp4 untuk adegan pendukung.
- background-music.mp3 sebagai musik latar.
- brand-logo.png untuk outro.
Pastikan seluruh path file benar.
Jangan membuat nama file baru jika asetnya
belum tersedia.
Jika ada aset yang hilang, laporkan kepada saya.
16. Membuat Animasi dan Motion Graphic
Salah satu keunggulan Remotion adalah kemampuan membangun animasi melalui kode.
Contoh elemen yang dapat dibuat:
- Animated typography.
- Kinetic text.
- Logo animation.
- Zoom in dan zoom out.
- Slide transition.
- Shape animation.
- Animated infographic.
- Data visualization.
- Lower third.
- Product showcase.
Prompt:
Buat motion graphic untuk video ini.
Gunakan gaya modern dan profesional.
Elemen:
1. Judul dengan animasi masuk.
2. Teks pendukung.
3. Shape dan garis dekoratif.
4. Ikon yang relevan.
5. Transisi antarbagian.
6. Animasi closing.
Gunakan timing yang halus dan konsisten.
Hindari animasi yang terlalu ramai.
Pastikan semua elemen tetap terbaca.
17. Review Keseluruhan Video Sebelum Rendering
Setelah semua scene selesai, lakukan pemeriksaan menyeluruh.
Gunakan checklist berikut:
- Storyboard sudah sesuai.
- Tidak ada scene yang hilang.
- Durasi video sesuai brief.
- Teks tidak salah eja.
- Subtitle sinkron.
- Gambar tidak terpotong.
- Tidak ada elemen keluar dari frame.
- Animasi berjalan dengan benar.
- Transisi tidak mengganggu.
- Musik dan voice over seimbang.
- Logo tampil dengan benar.
- CTA terlihat jelas.
- Tidak ada error pada preview.
- Seluruh aset memiliki izin penggunaan.
Prompt final review
Lakukan final quality check pada seluruh proyek.
Periksa:
1. Semua scene.
2. Timing dan frame.
3. Animasi.
4. Transisi.
5. Subtitle.
6. Audio.
7. Layout.
8. Resolusi.
9. Rasio video.
10. Konsistensi visual.
11. Path seluruh aset.
12. Error pada proyek.
Buat laporan berisi:
- Masalah yang ditemukan.
- Lokasi file yang bermasalah.
- Rekomendasi perbaikan.
- Status setiap scene.
Jangan mulai rendering final sebelum
saya menyetujui hasil pemeriksaan.
18. Cara Render dan Export Video MP4
Jika semua sudah sesuai, lanjutkan ke tahap rendering.
Pastikan proyek berjalan dengan baik melalui Remotion Studio.
Remotion menyediakan proses rendering melalui antarmuka Studio maupun CLI.
Cara pertama: Melalui Remotion Studio
- Jalankan proyek.
- Buka Remotion Studio.
- Pilih komposisi video.
- Periksa preview.
- Klik tombol Render.
- Pilih pengaturan output yang tersedia.
- Tentukan lokasi penyimpanan.
- Mulai proses rendering.
- Tunggu sampai proses selesai.
- Periksa file hasil render.
Cara kedua: Melalui terminal
Perintah umum untuk merender video:
npx remotion render
Jika ingin menentukan komposisi:
npx remotion render MyVideo
Nama MyVideo harus disesuaikan dengan ID komposisi yang terdaftar di proyek.
Untuk menentukan lokasi output:
npx remotion render MyVideo output/video-final.mp4
Pastikan nama komposisi dan konfigurasi proyek benar sebelum menjalankan perintah.
Setelah selesai, buka file hasil render dan periksa kembali video dari awal hingga akhir.
Dokumentasi rendering:
https://www.remotion.dev/docs/render
19. Tips Menghasilkan Video Lebih Profesional
Berikut beberapa tips yang dapat meningkatkan kualitas hasil produksi.
A. Jangan langsung membuat video panjang
Mulailah dengan video pendek berdurasi 15–30 detik. Setelah memahami alurnya, lanjutkan ke video 60 detik atau lebih.
B. Buat template yang dapat digunakan ulang
Minta Claude membuat komponen yang dapat digunakan untuk berbagai proyek.
Misalnya:
- Intro template.
- Outro template.
- Subtitle template.
- Lower third template.
- Product showcase template.
Dengan demikian, proyek berikutnya tidak harus dimulai dari awal.
C. Pisahkan storyboard dan kode
Simpan storyboard di folder references. Jangan mencampurkan semua instruksi produksi ke dalam satu file kode.
D. Lakukan preview berkala
Jangan menunggu semua scene selesai untuk memeriksa hasil. Periksa setiap bagian setelah implementasi.
E. Gunakan prompt yang spesifik
Jangan hanya menulis “buat lebih bagus”. Jelaskan bagian yang perlu diperbaiki, misalnya ukuran font, posisi objek, durasi animasi, atau transisi.
F. Simpan versi proyek
Sebelum melakukan perubahan besar, simpan salinan atau gunakan Git agar perubahan dapat ditinjau dan dipulihkan.
G. Periksa lisensi aset
Jangan menggunakan musik, foto, video, font, atau logo tanpa hak penggunaan yang sesuai.
20. Troubleshooting: Masalah yang Sering Terjadi
| Masalah | Solusi |
|---|---|
| Claude Code tidak muncul | Periksa paket, versi aplikasi, dan ketersediaan fitur |
| Node tidak dikenali | Instal ulang Node.js atau periksa PATH |
| npm tidak berjalan | Periksa instalasi Node.js dan npm |
| Skill gagal dipasang | Periksa koneksi, perintah, dan folder proyek |
| Remotion Studio tidak terbuka | Periksa terminal dan dependensi proyek |
| Video tidak muncul | Periksa komposisi dan path aset |
| Gambar tidak terbaca | Periksa nama file dan lokasi |
| Subtitle tidak sinkron | Periksa timestamp dan durasi |
| Rendering gagal | Periksa error, dependensi, dan konfigurasi |
| Video terlalu besar | Evaluasi resolusi, bitrate, dan codec output |
Jika muncul error, jangan langsung menghapus seluruh proyek. Minta Claude membaca pesan error dan memperbaiki bagian yang bermasalah.
Prompt troubleshooting:
Proyek Remotion saya mengalami error.
Berikut pesan error:
[TEMPEL PESAN ERROR]
Tolong:
1. Analisis penyebab error.
2. Identifikasi file yang bermasalah.
3. Jelaskan solusi yang disarankan.
4. Perbaiki kode yang diperlukan.
5. Jalankan kembali pemeriksaan.
6. Pastikan perubahan tidak merusak
komponen lain.
Jangan menghapus file atau dependensi
tanpa menjelaskan alasannya.
21. Workflow Produksi Video dengan Claude Opus 5.5
Agar proses lebih mudah diikuti, berikut alur kerja yang direkomendasikan.
| Tahap | Pekerjaan | Hasil |
|---|---|---|
| 1 | Instal Claude Desktop | Aplikasi siap |
| 2 | Buka Code | Sesi coding aktif |
| 3 | Instal Node.js | Lingkungan JavaScript siap |
| 4 | Buat proyek Remotion | Folder proyek tersedia |
| 5 | Instal Agent Skills | Panduan Remotion tersedia |
| 6 | Siapkan aset | Media siap digunakan |
| 7 | Tulis brief dan prompt | Instruksi produksi |
| 8 | Buat storyboard | Rencana visual |
| 9 | Review storyboard | Konsep disetujui |
| 10 | Implementasi scene | Komponen video |
| 11 | Preview | Hasil awal |
| 12 | Koreksi | Video diperbaiki |
| 13 | Final review | Pemeriksaan akhir |
| 14 | Render | File video |
| 15 | Evaluasi | Video siap dipublikasikan |
Workflow ini membantu mengurangi revisi yang tidak perlu karena setiap tahap memiliki hasil yang harus diperiksa sebelum melanjutkan.
22. Template Prompt untuk Berbagai Jenis Video
Selain prompt utama, berikut beberapa prompt yang dapat digunakan untuk kebutuhan berbeda.
Prompt video promosi produk
Buat video promosi produk menggunakan Remotion.
Produk: [NAMA PRODUK]
Target audiens: [AUDIENS]
Durasi: 30 detik
Rasio: 9:16
Buat struktur:
- Hook pembuka.
- Pengenalan produk.
- Keunggulan utama.
- Demonstrasi atau visual produk.
- Penawaran.
- Call to action.
Gunakan motion graphic modern.
Jangan membuat klaim produk yang tidak
tercantum dalam informasi sumber.
Buat storyboard terlebih dahulu untuk saya review.
Prompt video edukasi YouTube
Buat video edukasi YouTube menggunakan Remotion.
Topik: [TOPIK]
Durasi: 5 menit
Rasio: 16:9
Target audiens: pemula.
Buat:
- Intro.
- Penjelasan masalah.
- Pembahasan utama.
- Contoh visual.
- Ringkasan.
- Outro.
Gunakan teks pendukung, ilustrasi,
diagram, subtitle, dan animasi yang relevan.
Pastikan setiap informasi faktual dapat
ditelusuri atau diverifikasi.
Buat storyboard sebelum coding.
Prompt video TikTok atau Reels
Buat video vertikal untuk TikTok dan Instagram Reels.
Topik: [TOPIK]
Durasi: 30 detik
Rasio: 9:16
Ketentuan:
- Hook kuat pada 3 detik pertama.
- Visual berubah secara dinamis.
- Subtitle jelas.
- Teks singkat.
- Transisi tidak berlebihan.
- Closing dengan CTA.
Pastikan teks dan objek utama berada
dalam safe area platform.
Tampilkan storyboard terlebih dahulu.
23. Apakah Claude Bisa Mengedit Video Seperti CapCut?
Perlu dipahami bahwa pendekatan Remotion berbeda dengan aplikasi editing seperti CapCut, Premiere Pro, atau DaVinci Resolve.
| Aspek | Claude + Remotion | Editor video konvensional |
|---|---|---|
| Cara bekerja | Instruksi dan kode | Timeline dan antarmuka visual |
| Animasi | Dibangun melalui kode | Dibuat melalui panel dan keyframe |
| Revisi | Mengubah komponen atau parameter | Mengubah klip dan pengaturan |
| Template | Komponen yang dapat digunakan ulang | Template proyek dan preset |
| Rendering | Remotion | Mesin render aplikasi |
| Cocok untuk | Video terstruktur dan otomatisasi | Editing manual dan kreatif |
Claude dan Remotion sangat berguna untuk video yang memiliki struktur berulang, seperti video edukasi, promosi, motion graphic, konten data, dan video berbasis template.
Namun, untuk pekerjaan yang membutuhkan penyuntingan footage secara manual dan detail, aplikasi editing konvensional masih dapat menjadi pilihan yang lebih praktis.
Keduanya juga dapat digunakan bersama. Misalnya, Remotion membuat intro dan motion graphic, sedangkan CapCut digunakan untuk sentuhan akhir.
24. Kesimpulan
Membuat video dengan Claude Opus 5.5 dan Remotion dapat menjadi alternatif menarik bagi content creator yang ingin menggabungkan kecerdasan buatan dengan proses produksi berbasis kode.
Kunci utamanya bukan hanya menginstal Claude Desktop atau memasang Remotion Skill, tetapi membangun workflow yang benar.
Mulai dari menyiapkan brief, menyusun storyboard, meminta persetujuan konsep, membuat scene, melakukan preview, memperbaiki hasil editing, hingga merender video.
Jangan melewatkan tahap review storyboard dan pemeriksaan hasil akhir. Dua tahap tersebut membantu memastikan video tidak hanya berhasil dibuat, tetapi juga memiliki alur cerita, visual, dan kualitas yang sesuai tujuan.
Dengan latihan dan template yang tepat, workflow ini dapat dikembangkan untuk membuat video YouTube, Reels, TikTok, promosi produk, motion graphic, hingga konten edukasi secara lebih terstruktur.
Mulailah dari satu proyek video sederhana, pahami alurnya, lalu kembangkan menjadi sistem produksi konten yang dapat digunakan berulang kali.






