Memulai dengan MotionMind CLI
Pasang CLI secara global, inisialisasi workspace, dan jalankan Studio lokal dalam empat perintah mudah.
MotionMind adalah skill, CLI, dan Studio lokal open-source untuk membuat video dengan AI coding agent yang sudah Anda pakai. Agent menulis setiap video sebagai proyek HyperFrames (HTML dan GSAP) lalu me-render-nya menjadi MP4. MotionMind memberi agent proses produksi, dan memberi Anda catatan setiap versi yang dibuatnya.
Walkthrough 30 detik ini dibuat dengan MotionMind sendiri. Klipnya bersuara.
Masalah yang Diselesaikan
AI agent sudah bisa menulis motion graphic. Masalahnya ada di sekitarnya: agent langsung menulis kode, setiap "perubahan kecil" menimpa versi yang sudah disetujui klien, tidak ada yang tahu render mana yang bagus, level audionya acak, dan chat berikutnya mulai dari nol.
Tiga Bagian
| Bagian | Fungsinya |
|---|---|
| Skill | Memberi tahu agent cara bekerja: empat gate, aturan HyperFrames, panduan motion dan suara, checklist QA. |
CLI (motionmind) | Membuat versi, me-render, mengukur, mencatat, dan mempromosikannya; membuat musik; menampilkan daftar suara. Agent yang menjalankannya; Anda juga bisa. |
Studio (motionmind ui) | Dashboard lokal di 127.0.0.1:4310: setiap versi dengan player, contact sheet, loudness dan QA, compare, dan Edit in HyperFrames. |
MotionMind tidak membuat video sendiri. Agent Anda yang mengerjakannya, mengikuti skill; itu juga sebabnya MotionMind bisa dipakai dengan agent dan model apa pun yang Anda suka. Setiap versi menghasilkan video.mp4 H.264, bersama contact sheet dan source HyperFrames yang membuatnya.
Bagaimana Sebuah Video Dibuat
Anda memberi brief ke agent. Agent mengusulkan konsep lalu menunggu (Gate 1), menulis storyboard dan mengunci gaya di TASTE.md (Gate 2), membangun dan me-render draft yang Anda review di Studio (Gate 3), lalu mempromosikannya ke production hanya setelah QA dan persetujuan Anda (Gate 4).
Setiap Versi Tercatat
Setiap render menjadi versi: video, contact sheet, snapshot source, loudness, parameter, dan checksum. Tidak ada yang ditimpa. Ide baru menjadi versi baru, dan yang ada di production adalah yang disetujui.
Coba Sendiri
Anda butuh Node.js 22+, ffmpeg di PATH, dan sebuah agent CLI.
npm i -g motionmind
motionmind setup my-studio
cd my-studio
motionmind doctor
motionmind ui
Lalu, di terminal kedua di my-studio, jalankan agent Anda dan beri brief:
Use the motionmind skill. I want a 15-second 9:16 promo for my coffee shop "Kopi Senja",
message "great coffee, friendly prices", CTA kopisenja.id, music + SFX, no voice-over.
Brief juga boleh ditulis dalam bahasa Indonesia.
Selanjutnya
| Untuk mempelajari | Baca |
|---|---|
| Instalasi dan perintah pertama | Memulai dengan MotionMind CLI |
| Menulis brief | Memberi Brief Agent Pertama Anda |
| Gate-gatenya | Alur Kerja 4-Gate |
| Kenapa video berbasis HTML | Mengapa HyperFrames sebagai Motion Engine? |
| Menjaga gaya | Memori Gaya Konsisten dengan TASTE.md |
| Edit tanpa kode | Editing Visual di HyperFrames Studio |
| Versi dan campaign | Mengelola Campaign vs Versi |
| Suara | Standar Loudness · Background Music · Aset Brand & SFX |
| Tool lain | Tracking Render Eksternal · Menghubungkan Agent CLI |