Remotion Dev Skills

Remotion'da Three.js ve React Three Fiber kullanarak 3D içerik.

Accept an external Remotion Element contribution by verifying its committed previews, uploading them to R2, removing the temporary assets, and preparing the…

packages/bugs/api/[v].ts dosyasına yeni bir Remotion hata girişi ekleyin. Kullanıcının bir hata ve etkilenen Remotion sürümlerini tanımladığı durumlarda kullanın; bu bilgiler…

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…

Yeni bir Remotion CLI veya yapılandırma seçeneği eklemek için bir AnyRemotionOption oluşturarak, CLI ayrıştırmasını kaydederek, yapılandırma ayarlayıcılarını bağlayarak ve belgeleri güncelleyerek. Şu durumlarda kullan…

Yeni bir Remotion CLI veya yapılandırma seçeneği ekleyin: bir AnyRemotionOption oluşturarak, CLI ayrıştırmasını kaydederek, yapılandırma ayarlayıcılarını bağlayarak ve belgeleri güncelleyerek. Şu durumlarda kullanın…

@remotion/effects'e uygulama, paket dışa aktarımları, belgeler, demolar, önizleme görselleri, Remotion beceri güncellemeleri, testler, biçimlendirme ve… dahil olmak üzere yeni bir efekt ekleyin.

@remotion/effects'e yeni bir efekt ekleyin; uygulama, paket dışa aktarımları, dokümanlar, demolar, önizleme görselleri, Remotion beceri güncellemeleri, testler, biçimlendirme ve… dahil.

Add a new expert to the Remotion experts page

Remotion uzmanlar sayfasına yeni bir uzman ekle

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

Remotion monorepo'suna yeni bir paket ekleyin; paket iskeleti, monorepo kaydı, dokümantasyon, derleme betikleri, testler ve sürüm kontrol listesi dahil…

@remotion/sfx'ye yeni bir ses efekti ekleyin

Tarayıcı WebCodecs hatasını Remotion Mediabunny WebCodecs hataları doküman sayfasına ekle. Takip edilmesi gereken bir Chromium, WebKit veya Firefox sorun URL'si verildiğinde kullan…

Remotion Mediabunny WebCodecs hataları dokümantasyon sayfasına bir tarayıcı WebCodecs hatası ekleyin. Takip edilmesi gereken bir Chromium, WebKit veya Firefox sorun URL'si verildiğinde kullanın…

Özel Remotion Canvas Capture paketlenmemiş Chrome uzantısını yeniden derleyin, kurun ve yeniden yükleyin. Uzantının bir Codex worktree'sinden sonra geri yüklenmesi gerektiğinde kullanın…

Remotion deposunda istenen bir dalı veya referansı checkout et, Codex'te çalışırken mevcut görevi ilgili PR başlığıyla yeniden adlandır, ardından bağımlılıkları yükle…

Remotion deposunda istenen bir dalı veya referansı checkout edin, ardından bağımlılıkları yükleyin ve derleyin. Kullanıcı bir referansı checkout edip hazırlamasını istediğinde kullanın…

Yerel @remotion/convert uygulamasını başlat ve Codex tarayıcısında aç. Kullanıcı /convert veya $convert çağırdığında, convert.remotion.dev adresini başlatmasını istediğinde kullan.

Yerel @remotion/convert uygulamasını başlat ve Codex tarayıcısında aç. Kullanıcı /convert veya $convert komutunu çağırdığında veya convert.remotion.dev'i başlatmasını istediğinde kullan.

Herkese açık Remotion API'lerinin kullanımdan kaldırılmasının TypeScript kaynak ve dokümantasyonunda nasıl temsil edildiğine dair referans. Bir şey eklerken, incelerken veya tartışırken kullanılır…

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…

Remotion dokümantasyon sitesini başlat ve Codex tarayıcısında aç. Kullanıcı /docs veya $docs komutunu kullandığında, yerel dokümantasyon sitesini başlatmak istediğinde veya…

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

Remotion dokümantasyonuna etkileşimli bir demo ekleyin. Doküman sayfaları için yeni bir <Demo> bileşeni oluştururken kullanın.

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

Bir Dependabot PR'sini düzeltmek için bağımlılığın tüm monorepo örneklerini güncelle, bun install çalıştır ve push yap

Track Remotion CI flakes in issue

Sorun içindeki Remotion CI hatalarını takip et

Remotion biçimlendirme ve stil kontrollerini geçene kadar çalıştır. Kullanıcı biçimlendirmeyi düzeltmeyi veya biçimlendirme komutunu çalıştırmayı istediğinde kullan.

Remotion biçimlendirme ve stil kontrollerini geçene kadar çalıştır. Kullanıcı biçimlendirmeyi düzeltmeyi veya biçimlendirme komutunu çalıştırmayı istediğinde kullan.

Manages stacked PRs and splits multi-part work into reviewable branches with gh-stack. Use for stack creation, viewing, edits, push, submit, sync, rebase,…

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

Remotion ana sayfa oluşturucu şerit videolarını, özellikle promosyon sayfalarına kopyalanan şeffaf Chrome WebM ve Safari MP4 varlıklarını işlerken veya değiştirirken kullanın.

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…

Remotion animasyonları yazarken ajanlar için sezgisel kalmasını ve Remotion Studio Görsel Modu'nda düzenlenebilir olmasını sağlayan en iyi uygulamalar.

Doğru Remotion adlandırması ve güvenli çok satırlı Markdown işleme ile GitHub issue'ları oluşturun veya güncelleyin

GitHub Issues 2.0 ilişkilerini gh CLI ile yönetin: ana konular, alt konular, engellenen ve engelleyen bağlantılar.

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

Otomatik olarak biçimlendirilmiş commit'ler ve dal yönetimi ile pull request oluşturmayı otomatikleştirir. Ana dalda olmadığınızdan emin olur, gerekirse bir özellik dalı oluşturur. Commit'lemeden önce etkilenen tüm paketlerde Oxfmt kod biçimlendirmesini çalıştırır. Commit'leri ve PR başlıklarını package.json'daki paket adını kullanarak biçimlendirir (örneğin, "@remotion/shapes : Add heart shape"). Değişiklikleri gönderdikten sonra otomatik olarak pull request açmak için gh CLI'sını kullanır.

Multimedia handling with the Mediabunny library

Mediabunny kütüphanesi ile çoklu ortam işleme

Mediabunny kütüphanesi ile çoklu ortam işleme

Mediabunny kütüphanesi ile multimedya işleme

Bir Remotion çekme isteğinin birleştirilebilir hale gelmesini bekleyin, birleştirme çakışmalarını yönetin, gerçek CI hatalarını geçici hatalardan ayırt edin, geçici kontrolleri flake üzerinden yeniden çalıştırın…

Docs Remotion Studio'da geliştirme için doğru yapılandırılmış bir önizleme kompozisyonu ile yeni bir Remotion Element iskeleti oluşturun.

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

Remotion monorepo farklarında yeni eklenen isteğe bağlı parametreleri, isteğe bağlı React prop'larını ve isteğe bağlı tip/arayüz üyelerini, iç API'leri dönüştürerek düzeltir…

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…

@remotion/player örnek uygulamasını başlat ve Codex tarayıcısında aç. Kullanıcı /player-example veya $player-example komutunu kullandığında, başlatmak istediğinde...

Geçerli özellik için pull request aç

Mevcut özellik için bir çekme isteği aç

Bir PR için doğru adlandırma

Bir Remotion pull request başlığını inceleyin veya düzeltin

CI hatalarını, birleştirme çakışmalarını veya yerel dal değişikliklerini çözerek bir PR'ı hazır hale getirin

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.

Yeni bir Remotion sürümü yayınla

Yeni bir Remotion sürümü yayınla

Remotion ile video oluşturma becerileri.

Remotion için en iyi uygulamalar - React ile video oluşturma

Tüm Remotion becerileri için yönlendirici

Best practices for Remotion - Video creation in React

Remotion için en iyi uygulamalar - React ile video oluşturma

Remotion için en iyi uygulamalar

Remotion ve React ile video oluşturmaya yönelik alan bilgisi tabanı. Animasyonlar, ses, varlıklar, 3D içerik, grafikler, metin, geçişler ve kompozisyon yönetimini kapsayan 30'dan fazla kural dosyası içerir. Altyazılar, FFmpeg işlemleri, ses görselleştirme ve ses efektleri entegrasyonu için özel rehberlik sağlar. Dinamik meta veri hesaplama, medya inceleme (süre, boyutlar, kare çıkarma) ve parametrelendirilebilir kompozisyonlar için desenler sunar. Lottie gibi gelişmiş özellikleri destekler...

Remotion'da altyazılarla çalışma

Transcribing, displaying and animating captions

Transkripte alma, altyazıları görüntüleme ve animasyonlandırma

Remotion'da altyazılarla çalışma

Remotion'da altyazılarla çalışma

Yeni bir Remotion videosu oluşturma

Create a new Remotion video

Yeni bir Remotion videosu oluşturma

Yeni bir Remotion videosu oluşturma

Remotion dokümantasyonunu ara

Remotion dokümantasyonunda ara

Remotion dokümantasyonunda ara

Search Remotion documentation

Remotion animasyonlarını yazmak için, ajanlar için sezgisel kalan ve Remotion Studio Visual Mode'da düzenlenebilen en iyi uygulamalar.

Etkileşim için Remotion işaretlemesi yapılandırın

Etkileşim için Remotion işaretlemesini yapılandır

Remotion animasyonlarını yazarken, ajanlar için sezgisel kalacak ve Remotion Studio Görsel Modu'nda düzenlenebilecek en iyi uygulamalar.

Remotion animasyonları yazarken, ajanlar için sezgisel kalacak ve Remotion Studio Görsel Modu'nda düzenlenebilecek en iyi uygulamalar.

Remotion Harita animasyonu bilgisi

Remotion Harita animasyonu bilgisi

Remotion Map animation knowledge

Remotion Harita animasyon bilgisi

Content, animation and effects best practices

Remotion React Markup yazmak için en iyi uygulamalar

Remotion React Markup yazmak için en iyi uygulamalar

Remotion React Markup yazmak için en iyi uygulamalar

Interacting with Mediabunny

Interacting with Mediabunny

Mediabunny ile etkileşim

Interacting with Mediabunny

Bir Remotion videosu dışa aktar

Export a Remotion video

Videoları render etmek için en iyi uygulamalar

Videoları render etmek için en iyi uygulamalar

Video oluşturma için en iyi uygulamalar

Build an app with Remotion

Remotion ile video uygulamaları oluşturma - framework, render ve Player tavsiyeleri

Remotion ile video uygulamaları oluşturma - framework, render ve Player tavsiyeleri

Remotion ile video uygulamaları oluşturma - framework, render ve Player tavsiyeleri

Bir Remotion videosunu önizle

Preview a Remotion video

Preview a Remotion video

Preview a Remotion video

Remotion ve ilgili paketleri yükseltin

Remotion'u ve ilgili paketleri yükseltin

Upgrade Remotion, and related packages

Remotion'u ve ilgili paketleri yükseltin

Remotion Studio dokümantasyonunda geliştirme için doğru yapılandırılmış bir önizleme kompozisyonu ile yeni bir Remotion Elementi iskeletini oluşturun.

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…

Belge Remotion beceri yerleşimi. Remotion becerileri eklerken, taşırken veya düzenlerken, bir becerinin .agents/skills içinde dahili bir beceri olarak mı yoksa...

Remotion Studio'yu packages/example dizininden başlat ve Codex tarayıcısında aç. Kullanıcı /studio veya $studio komutunu verdiğinde ya da örnek Studio'yu başlatmasını istediğinde kullan.

Remotion Studio'yu packages/example üzerinden başlat ve Codex tarayıcısında aç. Kullanıcı /studio veya $studio çağırdığında, örnek Studio'yu başlatmasını istediğinde kullan.

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

Remotion Studio UI’da global CSS reset'inden kaynaklanan hataları teşhis et ve düzelt. İç içe geçmiş metin veya SVG ikonlarında yanlış renk, tipografi, boyutlandırma, fareyle üzerine gelme… durumlarında kullan.

Remotion Studio UI değişiklikleri için, global CSS reset'in iç içe geçmiş öğeleri etkilediği durumlarda rehberlik. Özellikle wrapper eklerken packages/studio UI düzenlenirken kullanılır.

Remotion Studio render performansını, kareye tepki veren bileşen yüzeylerini en aza indirerek, emir kipi zaman çizelgesi durum okumalarını tercih ederek ve kararlı durumları hafızaya alarak optimize edin…

Geliştirilmiş bir Remotion Element'i son haline getirin, belge galerisine ekleyin ve doğrudan bir üye gönderimi veya harici olarak incelenebilir bir katkı hazırlayın.

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

Remotion Lambda Chrome ikili dosyalarını eu-central-1 test bölgesine yayınla ve barındırılan katman ile Chrome sürüm referanslarını güncelle. Chrome güncellenirken kullan…

Mevcut Remotion dalını en son kanonik ana dal ile güncelle. Güncelleme veya upstream ana dalından senkronizasyon istendiğinde, en son ana dalı bir…

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.

Remotion ana sayfasındaki GitHub yıldız sayılarını günceller. Görüntülenen GitHub yıldız sayısını yenilemesi ve değişikliği main dalına göndermesi istendiğinde kullanılır.

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`).

Remotion deposundaki caniuse-lite override'ını yükselt. En son npm sürümüne güncellemesi istendiğinde kullan.

Remotion deposundaki caniuse-lite geçersiz kılmasını yükseltin. caniuse-lite'ı en son npm sürümüne güncellemesi istendiğinde kullanın.

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

Mediabunny ve ilgili @mediabunny paketlerini Remotion deposu genelinde yükseltin. Mediabunny'nin en son sürüme güncellenmesi istendiğinde kullanın.

Büyük Remotion deposu varlıklarını remotion.media arkasındaki Cloudflare R2 bucket'ına yükleyin ve yerel public/ varlıklarını barındırılan URL'lerle değiştirin. Bir dosya şu durumda kullanın…

Büyük Remotion deposu varlıklarını remotion.media arkasındaki Cloudflare R2 bucket'ına yükleyin ve yerel public/ varlıklarını barındırılan URL'lerle değiştirin. Bir dosya şu durumda kullanın…

v4 ve v5 sürüm hatları hâlâ kodu paylaşırken bir Remotion 5 uyumsuz değişikliğini uygulayın veya gözden geçirin. v4 davranışı ve genel türler korunması gerektiğinde kullanın…

Vercel dağıtımları ve önizleme URL'leri için bir Codex monitörü kurun. Kullanıcı /vercel veya $vercel çağırdığında, Codex'ten bir Vercel… izlemesini veya monitör etmesini istediğinde kullanın.

Vercel dağıtımları ve önizleme URL'leri için bir Codex monitörü kurun. Kullanıcı /vercel veya $vercel çağırdığında, Codex'ten bir Vercel… izlemesini veya monitör etmesini istediğinde kullanın.

The version of Remotion we are working on.

Üzerinde çalıştığımız Remotion sürümü.

Bir video hakkında rapor oluşturur.

Bir video hakkında rapor oluşturur

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

Remotion Studio Görsel Modu, dizi kimliği, düğüm yolları, sembolize edilmiş yığınlar, geçersiz kılma kimlikleri ve sıcak yeniden yükleme davranışı üzerinde çalışma rehberi. Şu durumlarda kullanın…

Vitest fikstürleri kullanarak web renderer bileşenleri için görsel anlık görüntü testi. React bileşeni, boyutlar, kare hızı ve süre tanımlayan test fikstürlerini packages/web-renderer/src/test/fixtures dizininde oluşturun. Önizleme işlevselliğini etkinleştirmek için fikstürleri packages/web-renderer/src/test/Root.tsx dosyasına kaydedin. renderStillOnWeb() kullanarak kareleri işleyen ve testImage() anlık görüntü karşılaştırması ile çıktıyı doğrulayan test senaryoları yazın. Testleri bunx vitest src/test/video.test.tsx ile çalıştırın ve dokümantasyonu güncelleyin...

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.

Remotion API dokümantasyonunu MDX formatında yazmak için yönergeler ve şablonlar. Her API için packages/docs/docs içinde bir .mdx dosyası oluşturun, sidebars.ts dosyasına ekleyin ve sosyal önizleme kartları oluşturmak için bun render-cards.ts komutunu çalıştırın. API özellikleri için ### başlıkları kullanın (madde işaretleri değil), isteğe bağlı parametreler için ? son eki ekleyin ve açıklamalarda varsayılan değerleri doğal bir şekilde belirtin. twoslash doğrulaması ile tip güvenli kod parçacıkları tercih edin; içe aktarmaları gizlemek için // ---cut--- kullanın ve her zaman title niteliklerini ekleyin...

Remotion deposunda test yazma ve inceleme kuralları. Özellikle Studio UI, render, CLI,… için test eklerken, düzenlerken veya incelerken kullanın.