Claude Code + Remotion ile AI Video Üretimi

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.

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 <h1 style={{ opacity }}>Merhaba!</h1>

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. 1080×1920 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:

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.

npx skills add remotion-dev/skills