Alur Kerja 4-Gate: Jangan Langsung ke Kode

AI agent bisa menulis motion graphic sekali jalan. Masalahnya ada di sekitarnya: Anda tidak pernah memilih ceritanya, "perubahan kecil" menimpa versi yang sudah Anda suka, dan tidak ada yang tahu render mana yang sudah disetujui. Skill MotionMind membagi pekerjaan ini menjadi empat gate. Di setiap gate, agent berhenti dan menunggu; tidak ada yang lanjut sebelum Anda setuju.

Gate 1: Pilih Konsep

Setelah brief, agent menulis dua atau tiga cerita yang benar-benar berbeda ke plan/concepts.md: hook dan penutup yang berbeda, bukan ide yang sama dengan warna lain. Anda memilih satu, atau menggabungkannya. Inilah saat paling murah untuk ganti arah, karena belum ada yang dibangun.

Isi file-nya seperti ini:

# Concepts — demo/launch-6s
Brief: morning promo for Demo Coffee · Format: 9:16, 6 s · Audio: music + SFX

## 1. Steam rises — the cup wakes up
- Story (0–3 s hook → middle → CTA): a still cup, steam rises, the line lands, CTA
- What the viewer sees: the cup icon on night blue, two lines of type, the CTA pill
- Why it works for morning commuters: one calm image, readable in a scroll
- Risk / needs: the logo SVG from shared/brands/demo/

## 2. First sip — close-up, back to the logo
- …

**Chosen:** _(filled after the user picks)_

Balasan Anda bisa berupa nomor, atau gabungan:

2, tapi tutup dengan jam dari konsep 3.

Gate 2: Setujui Storyboard

Konsep yang dipilih menjadi tabel per detik di plan/storyboard.md: apa yang tampil, teksnya, gerakannya, dan suaranya di setiap beat. Gayanya dikunci di TASTE.md: palet warna beserta perannya, font, easing, dan musik. Versi berikutnya membaca file ini lebih dulu, jadi v2 terlihat dan bergerak seperti v1. Selengkapnya di Memori Gaya Konsisten dengan TASTE.md.

Storyboard untuk promo Demo Coffee:

| Time | Visual | On-screen text | Motion | Sound |
|---|---|---|---|---|
| 0.0–1.5 | Cup on night blue | — | cup rises 30 px, power3.out 0.5 s | pop |
| 1.5–3.0 | Steam rises | Fresh every | words rise 40 px, 0.4 s apart | whoosh |
| 3.0–4.5 | Word lands | morning. | accent in yellow | click |
| 4.5–6.0 | CTA + logo | demo.example | CTA held still ≥ 1.5 s | chime |

Setujui, atau setujui dengan perubahan:

Setuju. Tahan CTA sedikit lebih lama dari yang ada di tabel.

Build: Baru Sekarang Agent Menulis Kode

Baru di tahap ini agent menulis kode. motionmind init membuat folder versi berisi proyek HyperFrames dengan versi terkunci dan salinan file brand Anda. Agent menulis satu scene per file, menjalankan check dan snapshot setiap kali ada perubahan, dan melihat sendiri frame-nya sebelum menunjukkan apa pun ke Anda. Render draft-nya dicatat sebagai staging.

Ini perintah-perintah yang dijalankannya, jadi Anda bisa mengikuti atau menjalankannya sendiri:

motionmind init demo/launch-6s v1-steam --resolution portrait
cd projects/demo/launch-6s/runs/v1-steam/src
npx hyperframes check
npx hyperframes snapshot --at 0.5,2,4.5 --no-end
cd - && motionmind render demo/launch-6s v1-steam

Gate 3: Review di Studio

Tonton draft-nya di MotionMind Studio: player, contact sheet, loudness, dan semua versi sebelumnya untuk dibandingkan. Beri catatan lewat chat, atau tekan Edit in HyperFrames untuk mengubah teks, timing, atau audio sendiri. Selama Anda mengedit, versi itu dikunci untuk agent, jadi kalian tidak saling menimpa.

Catatan lewat chat:

Revisi demo/launch-6s v1-steam: CTA-nya terlalu kecil dan baris kedua muncul terlalu telat.
Render ulang setelah diperbaiki.

Atau buka editornya sendiri:

motionmind edit demo/launch-6s v1-steam

Gate 4: QA, lalu Promote

Sebelum masuk production, agent mengecek render terhadap target berikut:

Setelah Anda setuju, agent mempromosikan versinya. CLI menolak versi yang tidak memenuhi angka loudness, kecuali Anda memaksanya (--force, atau checkbox di Studio), dan pengecualian itu dicatat di LOG.md. Versi production sebelumnya dengan rasio yang sama diarsipkan, tidak pernah dihapus. Alasan di balik angka ini: Standar Loudness: Mengapa -14 LUFS?

Minta lewat chat, atau promote sendiri (run ID ada di halaman run):

Sudah oke. Promote demo/launch-6s v1-steam ke production.

motionmind promote demo-launch-6s-v1 --stage production

Kenapa Tidak Lewati Saja Gate-nya?

• Konsep yang salah dan ketahuan di Gate 1 cukup dibayar satu balasan. Kalau baru ketahuan setelah render, seluruh build harus diulang.
• Versi yang sudah di-render dibekukan bersama source-nya, jadi ide baru menjadi v2, bukan menimpa v1.
• Tidak pernah ada keraguan render mana yang disetujui: yang ada di production.

Gate boleh dilewati, tapi hanya kalau Anda mengatakannya. Agent lalu memilih sendiri; masuk production tetap menunggu persetujuan Anda:

Pakai skill motionmind. Promo 9:16 6 detik untuk Demo Coffee, CTA demo.example.
Langsung render: pilih konsep terkuat, bangun, lalu render draft.