Animate adalah skill Claude Code yang membuat video animasi pendek sepenuhnya dari kode. Kamu mendeskripsikan videonya, lalu skill ini menggambarnya di satu canvas HTML, memberi musik dan potongannya secara prosedural, dan merendernya frame demi frame menjadi MP4 dengan headless browser dan ffmpeg. Tidak ada timeline yang harus digeser, tidak ada editor keyframe yang bikin pusing, dan tidak ada model difusi yang mengacak tampilan karaktermu di adegan berikutnya. Kalau kamu pernah butuh video explainer yang rapi dan berharap bisa mendeskripsikannya, memversikannya, lalu me-render ulang kapan saja, inilah proyek yang patut dicoba.
Poin Penting
Animate adalah skill Claude Code, bukan editor video: ia membangun animasi prosedural dari kode di satu canvas HTML.
Output-nya deterministik frame demi frame, jadi input yang sama selalu merender video yang sama, dan setiap elemen bisa diperiksa di kode.
Ia membawa 7 gaya visual bawaan, dari cut paper sampai pixel art, plus satu slot kustom yang dicocokkan dari referensimu sendiri.
Satu karya bisa diekspor ke 9:16, 1:1, 4:5, dan 16:9, jadi versi video pendek dan versi layar lebar berasal dari sumber yang sama.
Ia berlisensi MIT, gratis, dan bisa dipasang sebagai plugin Claude Code dalam dua perintah.
Sebenarnya Animate itu apa
Animate mendeskripsikan dirinya sebagai "skill Claude Code yang membuat video animasi pendek sepenuhnya dari kode: satu `<canvas>`, digambar dan diberi skor secara prosedural, deterministik frame demi frame, dirender menjadi MP4 dengan headless browser dan ffmpeg." Repositorinya, cth9191/animate, punya 1.092 bintang dan 150 fork di GitHub, dan berlisensi MIT. Proyek ini dibuat pada awal Oktober 2026, jadi masih muda, tapi idenya sudah matang.
Alur kerjanya membalik cara kerja tool video biasa. Alih-alih membuka editor dan menyeret klip ke timeline, kamu tetap di terminal dan bekerja dengan Claude Code. Skill ini mengubah deskripsimu menjadi storyboard, lalu menjadi kode gambar canvas, lalu menjadi frame, lalu menjadi MP4. Karena semuanya adalah kode, sebuah video bisa direview seperti pull request: kamu bisa membaca storyboard-nya, memeriksa timing-nya, memperbaiki satu adegan, dan me-render ulang. Itulah yang tidak bisa ditawarkan editor tradisional, dan tidak bisa dijanjikan generator video AI, karena output mereka berubah setiap kali dijalankan.
Sinyal Repomaniac untuk proyek ini menjelaskannya dengan lugas: animasi prosedural dengan canvas HTML5, render MP4 deterministik, potongan yang sinkron dengan ketukan, dan tujuh gaya visual yang bisa dipasang, langsung dari terminal.
Kenapa deterministik itu lebih penting dari yang terdengar
Deterministik adalah kata yang memikul beban paling berat di sini. Di tool video berbasis difusi, meminta adegan yang sama dua kali akan memberimu dua adegan yang berbeda, dan memperbaiki satu detail sering mengubah lima detail lainnya. Dengan Animate, kode yang sama menggambar frame yang sama, setiap saat. Itu membuat iterasi jadi masuk akal: ubah naskahnya, render ulang, dan hanya yang kamu ubah yang bergerak. Itu juga membuat video bisa di-debug. Kalau sebuah transisi terasa salah, kamu buka kodenya, temukan frame-nya, dan perbaiki, alih-alih melempar prompt lagi dan berharap.
Ada trade-off-nya, dan patut disampaikan jujur. Animasi prosedural terlihat dirancang, bukan difilmkan. Kamu mendapat bentuk yang bersih, gerakan yang konsisten, dan transisi yang persis secara matematis, yang sempurna untuk explainer, demo produk, dan video edukasi pendek. Kamu tidak mendapat rekaman fotorealistis atau pesona kamera sungguhan yang agak berantakan. Animate adalah tool untuk video yang seharusnya terlihat seperti diagram yang hidup, bukan video yang seharusnya terlihat seperti dokumenter.
Tujuh gaya, delapan format, empat rasio aspek
Set gaya bawaannya mencakup rentang yang mengejutkan:
Gaya | Paling cocok untuk |
|---|---|
Cut paper | Explainer hangat dan taktil dengan bentuk berlapis |
Crosshatch ink | Karya editorial dengan nuansa gambar tangan |
Riso print | Grafis berani, bertekstur, bergaya cetak |
Sketchbook | Panduan santai bergaya buku catatan |
Math | Diagram presisi, formula, dan cerita data |
Pixel | Nostalgia game retro dan komputasi lama |
Isometric | Adegan bergaya produk dan arsitektur |
Kustom | Tampilan yang dicocokkan dari referensi yang kamu beri |
Di atas gaya-gaya itu, Animate membawa 8 format cerita pendek, jadi kamu tidak mulai dari halaman kosong setiap kali. Dan ekspor multi-format-nya benar-benar berguna: satu karya dirender ke 9:16 untuk feed vertikal, 1:1 dan 4:5 untuk postingan sosial, dan 16:9 untuk layar lebar, tanpa membangun ulang video empat kali.
Contoh bawaan proyek ini menunjukkan apa yang bisa dilakukan pipeline-nya secara penuh: sebuah karya cut-paper 60 detik tentang sejarah AI, mencakup 15 era dari 1950 sampai 2025 dengan 13 transisi morph bentuk. Itu video sungguhan, bukan cuplikan demo, dan jenis cerita terstruktur seperti itulah yang paling dikuasai animasi prosedural: sebuah timeline, rangkaian ide, dan transisi yang membawa makna, bukan sekadar hiasan.
Cara menjalankannya sendiri
Animate adalah skill dan plugin untuk Claude Code, jadi kamu butuh Claude Code dulu, plus Node.js 18 atau lebih baru, Playwright dengan Chromium, dan ffmpeg di PATH untuk encoding MP4 final. Jalur plugin-nya hanya dua perintah:
Tambah marketplace-nya: `/plugin marketplace add cth9191/animate`
Pasang plugin-nya: `/plugin install animate@animate`
Kalau kamu lebih suka tidak memakai sistem plugin, kamu bisa menyalin folder skill dari `plugins/animate/skills/animate/` di repositori ke `~/.claude/skills/animate/` dan langsung memakainya. Dengan cara apa pun, kamu bekerja di dalam Claude Code, mendeskripsikan video dengan bahasa biasa dan membiarkan skill ini mengurus storyboard, kode canvas, dan render-nya.
Satu catatan praktis: langkah render memakai headless browser, jadi jalankan pertama mungkin perlu menginstal Chromium Playwright. Itu biaya setup satu kali, dan setelah itu, rendering adalah proses lokal yang bisa diulang tanpa antrean render cloud.
Siapa yang sebaiknya mencoba, dan siapa yang sebaiknya melewatkannya
Coba Animate kalau kamu membuat explainer, tutorial, atau video sosial dan suka bekerja dengan kode; kalau kamu mau video yang sama dalam empat rasio aspek tanpa membangun ulang; atau kalau kamu pernah dikecewakan tool video AI yang mengubah visualmu antar render. Developer, pendidik, dan kreator indie yang membuat konten pendek adalah audiens yang paling jelas.
Lewati dulu kalau kamu butuh rekaman live-action, adegan fotorealistis, atau editor drag-and-drop yang sudah matang. Ini proyek muda yang mengutamakan kode, dan kekuatannya adalah animasi terstruktur yang dirancang. Kalau videomu butuh kamera sungguhan, ini bukan tool-nya. Kalau videomu butuh diagram yang bergerak, bisa jadi ini tepat tool-nya.
FAQ
Apakah Animate benar-benar gratis?
Ya. Repositorinya berlisensi MIT di GitHub, jadi kamu bisa memakai, memodifikasi, dan membagikannya dengan bebas. Kamu tetap butuh Claude Code beserta paket atau aksesnya untuk menjalankan skill ini, karena Animate bekerja di dalam Claude Code, bukan sebagai aplikasi mandiri.
Apakah saya harus bisa coding untuk memakainya?
Kamu mendeskripsikan video dengan bahasa biasa dan Claude Code yang menulis kodenya, tapi merasa nyaman membaca kode sangat membantu. Intinya adalah video itu sendiri adalah kode, jadi mereview storyboard dan kode gambar adalah bagian dari alur kerja, bukan tambahan opsional.
Apa bedanya dengan generator video AI?
Generator video AI membuat piksel dari prompt, dan hasilnya berubah setiap kali dijalankan. Animate menggambar bentuk dari kode, jadi hasilnya deterministik: input yang sama memberi frame yang sama, dan setiap elemen bisa diperiksa dan diedit secara presisi.
Bisakah ia membuat video panjang?
Ia dibangun untuk video animasi pendek, dan contoh showcase-nya adalah karya 60 detik. Ia paling cocok untuk short, explainer, dan klip sosial, bukan produksi berdurasi panjang.
Tonton sinyalnya
Mau versi 30 detiknya? Tonton sinyal repo 30 detik untuk Animate di Repomaniac. Kalau kamu baru di dunia open source, mulai dari Apa Itu Open Source? Pengertian Open Source dalam Bahasa Sederhana. Baca artikel ini dalam bahasa Inggris: Animate: Generate Motion Graphics From Your Terminal With Claude Code.
*Sumber: README GitHub cth9191/animate, dokumen plugin Claude Code, dokumen instalasi Playwright, sinyal Repomaniac, 30 Oktober 2026. Jumlah bintang dan fork diverifikasi di GitHub pada 30 Oktober 2026.*