# Claude Code + Remotion ile AI Video Üretimi - Yazar: Ertuğrul Akben (Yapay Zeka & Sistem Stratejisti), https://ertugrulakben.com/hakkimda/ - Yayın: 22 Ocak 2026 - Son güncelleme: 22 Ocak 2026 - Adres: https://ertugrulakben.com/claude-code-remotion-ai-video-uretimi/ - Kategoriler: Dijital Pazarlama, Genel, Girişimcilik, Güncel Haberler, Teknoloji, Yapay Zeka, Yazılım > Kısa özet: Remotion Agent Skills ile Claude Code'dan prompt yazarak profesyonel video üretin. 30 saniyede kurulum, gerçek örnekler. **Ocak 2026'da Remotion ekibi bombayı patlattı:** Artık Claude Code ile sadece prompt yazarak profesyonel videolar üretebiliyorsunuz. `npx skills add remotion-dev/skills` komutuyla kurulum 30 saniye, sonrası tamamen AI destekli video prodüksiyonu. Bu yazıda Remotion'un yeni Agent Skills özelliğini, gerçek prompt örneklerini ve kendi JARVIS sistemime nasıl entegre ettiğimi anlatıyorum. **JARVIS Bağlantısı:** Bu yazı, [JARVIS: 5 Yılda İnşa Edilen 100 Elemanlı AI Asistan Ordusu](https://ertugrulakben.com/jarvis-ai-asistan-sistemi/) makalemin devamı niteliğinde. JARVIS sistemine eklediğim 73. skill: Remotion Video. ## Remotion Nedir? Remotion, **React ile programatik video üretmenizi** sağlayan açık kaynak bir framework. After Effects veya Premiere yerine kod yazıyorsunuz - ama bu sefer AI sizin yerinize yazıyor. Temel prensip basit: Her frame bir React render'ıdır. `useCurrentFrame()` hook'u ile frame numarasını alır, komponenti ona göre güncellersiniz. ``` // Basit fade-in animasyonu const opacity = Math.min(1, frame / 30); return

Merhaba!

``` ## Agent Skills: Oyunun Kuralları Değişti 20 Ocak 2026'da Remotion'un Twitter'dan yaptığı duyuru: > "Remotion now has Agent Skills - make videos just with Claude Code!" > > `$ npx skills add remotion-dev/skills` Bu ne anlama geliyor? **Claude Code'a "terminal animasyonu yap" diyorsunuz, o da Remotion projesi oluşturup, komponenti yazıp, render edip size MP4 veriyor.** Siz sadece tarif ediyorsunuz. ## Kurulum (30 Saniye) Önce Claude Code'unuz olmalı. Sonra: ``` # Agent Skills'i yükle npx skills add remotion-dev/skills # Yeni proje oluştur (opsiyonel - Claude kendisi de yapabilir) npx create-video@latest ``` Kurulum bu kadar. Artık Claude Code'a video prodüksiyonu yaptırabilirsiniz. ## Gerçek Prompt Örnekleri (Remotion'un Kendi Demo'su) Remotion ekibi, Agent Skills duyuru videosunu **tamamen Claude Code ile** üretti. İşte kullandıkları promptlar: ### 1. Başlangıç ``` "We are creating a remotion animation for a new command 'npx skills add remotion-dev/skills'. First start out by making a new composition, 1280x1000px of a macos terminal window-like console that has an empty prompt in it. Light theme." ``` *Claude Code: Proje oluşturdu, MacTerminal komponenti yazdı, Root.tsx'i güncelledi.* ### 2. Typewriter Efekti ``` "Make the terminal content a separate component in a new file. Add a typewriter animation to it that types out 'npx skills add remotion-dev/skills'" ``` *Claude Code: TerminalContent.tsx oluşturdu, 15 karakter/saniye typewriter animasyonu ekledi.* ### 3. 3D Rotasyon ``` "Add a 3d rotation to the terminal. Like 20 degree of x and y rotation. Slowly rotate Y axis from 20 to -20 degrees." ``` *Claude Code: CSS perspective ve transform ekledi, spring animasyonuyla Y ekseni rotasyonu yaptı.* ### 4. Logo Sekansı ``` "Add a sequence after the terminal that shows the Remotion, Claude and OpenCode logos side by side with text 'Agent Skills now available'" ``` *Claude Code: SVG logoları indirdi, TransitionSeries ile flip animasyonu ekledi.* **Sonuç:** 8 saniyelik profesyonel tanıtım videosu, sıfırdan kod yazmadan. ## JARVIS'e Entegrasyon JARVIS sistemime Remotion'u 73. skill olarak ekledim. Artık şunu diyebiliyorum: ``` "JARVIS, Instagram için dikey formatta ürün tanıtım videosu yap. Ürün adı: AI Asistan Paketi, fiyat: $299, özellikler: sesli arama, WhatsApp entegrasyonu, CRM bağlantısı." ``` JARVIS: 1. Remotion skill'ini yükler 2. 1080x1920 InstagramReel composition oluşturur 3. Data'yı props olarak geçirir 4. Render eder → `.projects/reel.mp4` ``` ~/jarvis $ npm run render:demo ✓ Rendered 300 frames ✓ Output: .projects/demo.mp4 ``` ## Mevcut Composition'larım JARVIS'in Remotion skill'inde hazır composition'lar: | Composition | Açıklama | Kullanım | | --- | --- | --- | | `Demo` | JARVIS tanıtım videosu | npm run render:demo | | `KineticText` | Bounce, wave, glitch efektleri | npm run render:kinetic | | `ParticleEffect` | Konfeti, kar, yıldızlar | npm run render:particles | | `DataChart` | Animasyonlu grafikler | npm run render:data | | `ThreeScene` | 3D dönen objeler | npm run render:3d | | `InstagramReel` | 1080x1920 dikey | Sosyal medya | ## Neden Önemli? **1. Video prodüksiyon maliyeti düşüyor** Freelancer'a ödediğiniz $500'lık tanıtım videosu artık prompt + 5 dakika render. **2. Ölçeklenebilir içerik** 100 ürün için 100 video? JSON'dan data çek, loop'ta render et. 1 saat. **3. Dinamik, kişiselleştirilmiş video** Spotify Wrapped tarzı "yılın özeti" videoları, müşteri bazlı özel içerikler. **4. Developer-friendly** React biliyorsan video da biliyorsun. Tailwind, Three.js, her şey çalışıyor. ## Sınırlamalar Her şey mükemmel değil: - **Render süresi:** 10 saniyelik video = 300 frame = birkaç dakika bekleme - **Kompleks animasyonlar:** After Effects'in particle sistemleri daha güçlü - **Öğrenme eğrisi:** React bilmiyorsan Claude'a daha detaylı anlatman gerekiyor - **Lisans:** 3 kişiden büyük ekipler için ücretli ## Sonuç Remotion + Claude Code kombinasyonu, video prodüksiyonunu **demokratikleştiriyor**. Artık After Effects öğrenmene, Motion Graphics kursuna gitmeye gerek yok. Prompt yaz, video al. JARVIS sistemimde bu skill sayesinde: - Instagram Reels otomatik üretimi - Müşteri bazlı tanıtım videoları - Kod animasyonları (tutorial içerikleri için) - Veri görselleştirme videoları Hepsi bir prompt uzaklıkta. ### Denemek İster misin? Claude Code'un varsa şu komutu çalıştır: ``` npx skills add remotion-dev/skills ``` JARVIS hakkında daha fazla bilgi için: [JARVIS makalesini oku](https://ertugrulakben.com/jarvis-ai-asistan-sistemi/) --- Ertuğrul Akben · https://ertugrulakben.com/ · i@ertugrulakben.com