Skills Remotion Dev

Konten 3D di Remotion menggunakan Three.js dan React Three Fiber.

Menerima kontribusi Remotion Element eksternal dengan memverifikasi pratinjau yang telah dikomit, mengunggahnya ke R2, menghapus aset sementara, dan menyiapkan…

Tambahkan entri bug Remotion baru ke packages/bugs/api/[v].ts. Gunakan saat pengguna mendeskripsikan bug dan versi Remotion yang terpengaruh yang harus ditampilkan melalui…

Add a new Remotion bug entry to packages/bugs/api/[v].ts. Use when the user describes a bug and affected Remotion versions that should be surfaced through the…

Tambahkan opsi CLI atau konfigurasi Remotion baru dengan membuat AnyRemotionOption, mendaftarkan penguraian CLI, menghubungkan penyetel konfigurasi, dan memperbarui dokumentasi. Gunakan ketika…

Add a new Remotion CLI or config option by creating an AnyRemotionOption, registering CLI parsing, wiring config setters, and updating documentation. Use when…

Add a new effect to @remotion/effects, including implementation, package exports, docs, demos, preview images, Remotion skill updates, tests, formatting, and…

Tambahkan efek baru ke @remotion/effects, termasuk implementasi, ekspor paket, dokumentasi, demo, gambar pratinjau, pembaruan skill Remotion, pengujian, pemformatan, dan…

Add a new expert to the Remotion experts page

Tambahkan pakar baru ke halaman pakar Remotion

Add a new package to the Remotion monorepo, including package scaffolding, monorepo registration, documentation, build scripts, tests, and release checklist…

Tambahkan paket baru ke monorepo Remotion, termasuk scaffolding paket, registrasi monorepo, dokumentasi, skrip build, pengujian, dan daftar periksa rilis…

Menambahkan efek suara baru ke @remotion/sfx

Add a browser WebCodecs bug to the Remotion Mediabunny WebCodecs bugs docs page. Use when given a Chromium, WebKit, or Firefox issue URL that should be tracked…

Tambahkan bug WebCodecs browser ke halaman dokumen bug WebCodecs Remotion Mediabunny. Gunakan saat diberikan URL masalah Chromium, WebKit, atau Firefox yang harus dilacak…

Rebuild, install, and reload the private Remotion Canvas Capture unpacked Chrome extension. Use when the extension needs to be restored after a Codex worktree…

Checkout a requested branch or ref in the Remotion repo, rename the current task to the associated PR title when running in Codex, then install dependencies…

Melakukan checkout cabang atau ref yang diminta di repositori Remotion, lalu menginstal dependensi dan membangun. Gunakan saat pengguna meminta untuk checkout ref dan menyiapkan…

Start the local @remotion/convert app and open it in the Codex browser. Use when the user invokes /convert or $convert, asks to launch convert.remotion.dev…

Mulai aplikasi @remotion/convert lokal dan buka di peramban Codex. Gunakan saat pengguna memanggil /convert atau $convert, meminta untuk meluncurkan convert.remotion.dev…

Reference for how deprecation of public Remotion APIs is represented in TypeScript source and documentation. Use when adding, reviewing, or discussing a…

Start the Remotion docs site and open it in the Codex browser. Use when the user invokes /docs or $docs, asks to launch the local documentation site, or wants…

Mulakan situs dokumentasi Remotion dan buka di peramban Codex. Gunakan saat pengguna memanggil /docs atau $docs, meminta untuk meluncurkan situs dokumentasi lokal, atau ingin…

Add an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.

Tambahkan demo interaktif ke dokumentasi Remotion. Gunakan saat membuat komponen <Demo> baru untuk halaman dokumentasi.

Audit and clean the Remotion GitHub masterplan hierarchy. Use when finding open issues that lack a masterplan ancestor, identifying orphaned issues that need a…

Fix a Dependabot PR by updating all monorepo instances of the dependency, running bun install, and pushing

Perbaiki PR Dependabot dengan memperbarui semua instance monorepo dari dependensi, menjalankan bun install, dan melakukan push

Track Remotion CI flakes in issue

Lacak flake CI Remotion dalam isu

Run Remotion formatting and style checks until they pass. Use when the user asks to fix formatting or run the formatting command.

Jalankan pemeriksaan format dan gaya Remotion hingga lulus. Gunakan saat pengguna meminta untuk memperbaiki format atau menjalankan perintah format.

Mengelola PR bertumpuk dan membagi pekerjaan multi-bagian menjadi cabang yang dapat direview dengan gh-stack. Gunakan untuk pembuatan stack, melihat, mengedit, push, submit, sinkronisasi, rebase, …

Use when rendering or replacing Remotion homepage creator strip videos, especially transparent Chrome WebM and Safari MP4 assets copied into both promo-pages…

Gunakan saat merender atau mengganti video strip pembuat halaman beranda Remotion, terutama aset Chrome WebM transparan dan Safari MP4 yang disalin ke kedua halaman promosi…

Install and verify the pinned Chrome for Testing build used by the private Remotion Canvas Capture extension on Apple Silicon macOS. Use when setting up Canvas…

Praktik terbaik untuk menulis animasi Remotion yang tetap intuitif bagi agen dan dapat diedit dalam Mode Visual Remotion Studio.

Membuat atau memperbarui isu GitHub dengan penamaan Remotion yang benar dan penanganan Markdown multiline yang aman

Manage GitHub Issues 2.0 relationships with gh CLI: parent issues, sub-issues, blocked-by, and blocking links.

Kelola hubungan GitHub Issues 2.0 dengan gh CLI: isu induk, sub-isu, terblokir-oleh, dan tautan pemblokiran.

Otomatiskan pembuatan pull request dengan commit yang terformat dan manajemen cabang. Memastikan Anda tidak berada di cabang utama, membuat cabang fitur jika diperlukan. Menjalankan pemformatan kode Oxfmt di semua paket yang terpengaruh sebelum melakukan commit. Memformat commit dan judul PR menggunakan nama paket dari package.json (misalnya, "@remotion/shapes : Tambahkan bentuk hati"). Menggunakan CLI gh untuk membuka pull request secara otomatis setelah mendorong perubahan.

Multimedia handling with the Mediabunny library

Penanganan multimedia dengan pustaka Mediabunny

Penanganan multimedia dengan pustaka Mediabunny

Penanganan multimedia dengan pustaka Mediabunny

Tunggu hingga pull request Remotion dapat digabungkan, tangani konflik penggabungan, bedakan kegagalan CI yang asli dari yang tidak stabil, jalankan ulang pemeriksaan yang tidak stabil melalui flake…

Membuat kerangka Elemen Remotion baru dengan komposisi pratinjau yang dikonfigurasi dengan benar untuk pengembangan di docs Remotion Studio.

Fix newly added optional parameters, optional React props, and optional type/interface members in Remotion monorepo diffs by converting internal APIs to…

Perbaiki parameter opsional yang baru ditambahkan, properti React opsional, dan anggota tipe/antarmuka opsional dalam diff monorepo Remotion dengan mengonversi API internal menjadi…

Start the @remotion/player example app and open it in the Codex browser. Use when the user invokes /player-example or $player-example, asks to launch the…

Mulakan aplikasi contoh @remotion/player dan buka di peramban Codex. Gunakan saat pengguna memanggil /player-example atau $player-example, meminta untuk meluncurkan…

Open a pull request for the current feature

Buat pull request untuk fitur saat ini

Penamaan yang benar untuk sebuah PR

Review or correct a Remotion pull request title

Atasi kegagalan CI, konflik penggabungan, atau perubahan cabang lokal untuk menyiapkan PR.

Resolve CI failures, merge conflicts, or local branch changes to get a PR ready

Finalize a developed Remotion Element, add it to the docs gallery, render its previews, and run repository checks.

Merilis versi Remotion baru

Release a new Remotion version

Keterampilan untuk membuat video dengan Remotion.

Praktik terbaik untuk Remotion - Pembuatan video di React

Router for all Remotion skills

Best practices for Remotion - Video creation in React

Praktik terbaik untuk Remotion - Pembuatan video di React

Praktik terbaik untuk Remotion

Basis pengetahuan khusus domain untuk membangun video dengan Remotion dan React. Mencakup 30+ file aturan yang mencakup animasi, audio, aset, konten 3D, grafik, teks, transisi, dan manajemen komposisi. Termasuk panduan khusus untuk teks, operasi FFmpeg, visualisasi audio, dan integrasi efek suara. Menyediakan pola untuk perhitungan metadata dinamis, inspeksi media (durasi, dimensi, ekstraksi bingkai), dan komposisi yang dapat diparameterisasi. Mendukung fitur lanjutan seperti Lottie...

Menangani teks takarir di Remotion

Transcribing, displaying and animating captions

Transcribing, displaying and animating captions

Menangani teks takarir di Remotion

Menangani teks di Remotion

Membuat video Remotion baru

Create a new Remotion video

Membuat video Remotion baru

Membuat video Remotion baru

Cari dokumentasi Remotion

Search Remotion documentation

Search Remotion documentation

Search Remotion documentation

Praktik terbaik untuk menulis animasi Remotion yang tetap intuitif bagi agen dan dapat diedit dalam Mode Visual Remotion Studio.

Structure Remotion markup for interactivity

Structure Remotion markup for interactivity

Praktik terbaik untuk menulis animasi Remotion yang tetap intuitif bagi agen dan dapat diedit dalam Mode Visual Remotion Studio.

Praktik terbaik untuk menulis animasi Remotion yang tetap intuitif bagi agen dan dapat diedit dalam Mode Visual Remotion Studio.

Pengetahuan animasi Remotion Map

Remotion Map animation knowledge

Remotion Map animation knowledge

Remotion Map animation knowledge

Content, animation and effects best practices

Praktik terbaik untuk menulis Remotion React Markup

Praktik terbaik untuk menulis Remotion React Markup

Praktik terbaik untuk menulis Remotion React Markup

Interacting with Mediabunny

Interacting with Mediabunny

Interacting with Mediabunny

Interacting with Mediabunny

Export a Remotion video

Export a Remotion video

Praktik terbaik untuk merender video

Praktik terbaik untuk merender video

Praktik terbaik untuk merender video

Build an app with Remotion

Membangun aplikasi video dengan Remotion - saran framework, rendering, dan Player

Membangun aplikasi video dengan Remotion - saran framework, rendering, dan Player

Membangun aplikasi video dengan Remotion - saran framework, rendering, dan Player

Preview a Remotion video

Preview a Remotion video

Preview a Remotion video

Preview a Remotion video

Upgrade Remotion, and related packages

Upgrade Remotion, and related packages

Upgrade Remotion, and related packages

Upgrade Remotion, and related packages

Scaffold a new Remotion Element with a correctly configured preview composition for development in the docs Remotion Studio.

Document Remotion skill placement. Use when adding, moving, or editing Remotion skills to decide whether a skill belongs in .agents/skills as an internal skill…

Penempatan skill Remotion Dokumen. Gunakan saat menambah, memindahkan, atau mengedit skill Remotion untuk memutuskan apakah suatu skill termasuk dalam .agents/skills sebagai skill internal…

Start Remotion Studio from packages/example and open it in the Codex browser. Use when the user invokes /studio or $studio, asks to launch the example Studio,…

Mulai Remotion Studio dari packages/example dan buka di peramban Codex. Gunakan saat pengguna memanggil /studio atau $studio, meminta untuk meluncurkan contoh Studio,…

Classify and wire Remotion Studio config options as either startup-fixed or reloadable while preventing mixed lifecycle behavior across consumers. Use when…

Diagnose and fix Remotion Studio UI bugs caused by the global CSS reset. Use when nested text or SVG icons have incorrect color, typography, sizing, hover…

Panduan untuk perubahan UI Remotion Studio di mana reset CSS global memengaruhi elemen bersarang. Gunakan saat mengedit paket/UI studio, terutama saat menambahkan pembungkus…

Optimalkan performa render Remotion Studio dengan meminimalkan permukaan komponen yang reaktif terhadap frame, lebih memilih pembacaan status timeline secara imperatif, dan melakukan memoization pada komponen yang stabil…

Finalisasi Element Remotion yang telah dikembangkan, tambahkan ke galeri dokumentasi, dan siapkan baik pengiriman anggota langsung maupun kontribusi yang dapat direview secara eksternal.

Publish Remotion Lambda Chrome binaries to the eu-central-1 test region and update hosted layer and Chrome version references. Use when updating Chrome…

Publikasikan biner Chrome Remotion Lambda ke wilayah uji eu-central-1 dan perbarui referensi layer yang dihosting serta versi Chrome. Gunakan saat memperbarui Chrome…

Update the current Remotion branch with the latest canonical main branch. Use when asked to update or sync from upstream main, merge the latest main into a…

Update Remotion's ffmpeg-next Git revision to a published rust-ffmpeg commit, refresh Cargo.lock, rebuild all supported compositor binaries, validate the…

Update Remotion homepage GitHub star counts. Use when asked to refresh the displayed GitHub star count and push the change to main.

Perbarui jumlah bintang GitHub di halaman utama Remotion. Gunakan saat diminta untuk menyegarkan jumlah bintang GitHub yang ditampilkan dan dorong perubahan ke main.

Update `AvailableFrom` in a PR to the next Remotion patch version (`main` + `0.0.1`).

Update `AvailableFrom` in a PR to the next Remotion patch version (`main` + `0.0.1`).

Upgrade the caniuse-lite override in the Remotion repo. Use when asked to update caniuse-lite to the latest npm version.

Tingkatkan override caniuse-lite di repositori Remotion. Gunakan saat diminta untuk memperbarui caniuse-lite ke versi npm terbaru.

Upgrade Mediabunny and related @mediabunny packages across the Remotion repo. Use when asked to update Mediabunny to the latest version.

Tingkatkan Mediabunny dan paket terkait @mediabunny di seluruh repositori Remotion. Gunakan saat diminta untuk memperbarui Mediabunny ke versi terbaru.

Upload large Remotion repository assets to the Cloudflare R2 bucket behind remotion.media and replace local public/ assets with hosted URLs. Use when a file is…

Unggah aset repositori Remotion berukuran besar ke bucket Cloudflare R2 di belakang remotion.media dan ganti aset publik/ lokal dengan URL yang dihosting. Gunakan saat file berukuran…

Implement or review a Remotion 5 breaking change while the v4 and v5 release lines still share code. Use when v4 behavior and public types must remain…

Set up a Codex monitor for Vercel deployments and preview URLs. Use when the user invokes /vercel or $vercel, asks Codex to watch or monitor a Vercel…

Siapkan monitor Codex untuk deployment Vercel dan URL pratinjau. Gunakan saat pengguna memanggil /vercel atau $vercel, meminta Codex untuk mengawasi atau memonitor Vercel…

The version of Remotion we are working on.

Versi Remotion yang sedang kami kerjakan.

Hasilkan laporan tentang sebuah video

Generate a report about a video

Guidance for working on Remotion Studio Visual Mode, sequence identity, node paths, symbolicated stacks, override IDs, and hot reload behavior. Use when…

Panduan untuk bekerja di Remotion Studio Visual Mode, identitas urutan, jalur node, tumpukan yang disimbolkan, ID override, dan perilaku muat ulang panas. Gunakan saat…

We need to translate the given text from English to Bahasa Indonesia. The text is about visual snapshot testing for web renderer components using vitest fixtures. We must preserve product names, protocol names, URLs, numbers, and technical terms. The name "web-renderer-test" is not in the text, so we don't include it. We translate only the text inside <text>. No extra commentary. Let's translate: "Visual snapshot testing for web renderer components using vitest fixtures." -> "Pengujian snapshot visual untuk komponen web renderer menggunakan fixture vitest." "Create test fixtures in packages/web-renderer/src/test/fixtures that define a React component, dimensions, frame rate, and duration" -> "Buat fixture pengujian di packages/web-renderer/src/test/fixtures yang mendefinisikan komponen React, dimensi, frame rate, dan durasi" "Register fixtures in packages/web-renderer/src/test/Root.tsx to enable preview functionality" -> "Daftarkan fixture di packages/web-renderer/src/test/R

Add a test case to the web renderer

Guides for writing and editing Remotion documentation. Use when adding docs pages, editing MDX files in packages/docs, or writing documentation content.

Pedoman dan templat untuk menulis dokumentasi API Remotion dalam format MDX. Buat satu file .mdx per API di packages/docs/docs, tambahkan ke sidebars.ts, dan jalankan bun render-cards.ts untuk menghasilkan kartu pratinjau sosial. Gunakan heading ### untuk properti API (bukan poin-poin), tambahkan akhiran ? untuk parameter opsional, dan sertakan nilai default secara alami dalam deskripsi. Utamakan potongan kode yang aman tipe dengan validasi twoslash; gunakan // ---cut--- untuk menyembunyikan impor dan selalu tambahkan atribut title ke...

Aturan untuk menulis dan meninjau tes di repositori Remotion. Gunakan setiap kali menambahkan, mengedit, atau meninjau tes, terutama untuk Studio UI, rendering, CLI,…