animate: Claude Code Animasyon Skill'i

Kısa bir tanıtım videosu ya da bir kavramı anlatan 60 saniyelik animasyon hazırlamak çoğu zaman ya ajans bütçesi ya da After Effects öğrenmeyi gerektiriyor. animate bu denklemi değiştirmeye çalışıyor: kısa videoyu tek bir canvas üzerinde tamamen kodla çizen, ardından headless tarayıcı ve ffmpeg ile MP4'e render eden açık kaynak bir Claude Code skill'i. Proje MIT lisansıyla yayınlandı; GitHub'da 679 yıldız, 103 fork var.

Animasyon neden "kod ile" üretiliyor?

animate'te her kare deterministik olarak hesaplanıyor: sahne, kamera hareketleri, geçişler ve ses prosedürel olarak üretiliyor. Bu yaklaşımın pratik faydası, videonun sonradan yeniden üretilebilir olması — aynı dosya tekrar render edildiğinde birebir aynı çıktı alınıyor. Proje bunun için bir frame-hash kontrolü de barındırıyor ve kit tarafındaki bir değişikliğin parçayı piksel piksel bozmadığını test ediyor.

7 hazır stil, sınırsız referans

Skill ile birlikte yedi görsel stil geliyor:

cut paper — yırtık kağıt, gölge, pastel boya ve desenler
crosshatch — 2'li karelerde "kaynayan" eskiz mürekkebi, tarama ve kurşun kalem gölgesi
riso — üç mürekkepli risograf baskı: halftone noktalar, üst üste baskı ve kayma efekti
sketchbook — eskiz defteri sayfası, grafit ve tek vurgu rengi
math — manim tarzı matematik anlatımı: siyah sahne, eksenler, renk kodlu değişkenler
pixel — gerçek çözünürlükte çizilip nearest-neighbour ile büyütülen bitmap font
isometric — sabit kıl kalınlığıyla izometrik çizgi sanatı

Kendi görsel dilinizi de tanımlayabiliyorsunuz: bir video, ekran görüntüsü veya web sayfası referans veriyorsunuz; skill paleti, çizgi kalınlığını, dokuyu ve geçiş ritmini ölçüp 1-2 deneme karesi çiziyor, onayınızdan sonra bunu projeye yeni bir stil olarak kaydediyor. Referans dosyalar makineden çıkmıyor.

Üç onay kapısı: hikaye, görünüm, storyboard

animate'in en akılcı tarafı, pahalı üretime geçmeden önce üç ucuz kontrolü zorunlu tutması:

Story check: Numeralanmış bir vuruş (beat) tablosu ve web'den doğrulanmış bilgiler.
Look check: 2-4 tam boy stil karesi (yeni stil için referanslarla yan yana karşılaştırma).
Storyboard: Her vuruşun anahtar kare, ses ve sonraki sahneye geçişle birlikte gösterimi.

Her kapıda onay vermeden animasyon aşaması başlamıyor. Bu, "video bitti ama yanlış yöne gitmiş" riskini büyük ölçüde ortadan kaldırıyor.

Ses, müzik ve gerçek ürün görüntüleri

Kendi müziğinizi verdiğinizde skill tempo, bar ve drop noktalarını çıkarıyor; geçişleri şarkının vuruşlarına oturtup en yüksek noktayı en gürültülü ana denk getiriyor. İstemezseniz skoru kod içinde de üretebiliyor. Seslendirme tarafında script yazılıyor, ElevenLabs bağlayıcısıyla satır satır alınan kayıt yerel olarak (faster-whisper) kelime kelime zamanlanıyor; yeniden kayıt alındığında görüntü kendini otomatik olarak yeniden zamanlıyor. Ürününüzün ekran görüntüsünü alıp gerçek arayüzü animasyonun içine yerleştirmesi de mümkün.

Tek parçadan dört format

9:16, 1:1, 4:5 ve 16:9 oranlarının her biri ayrı ayrı düzenleniyor, kırpma yapılmıyor. Böylece aynı içerik dikey mecralarda (Reels, Shorts) ve yatay mecralarda (YouTube) olduğu gibi kullanılabiliyor. Uzun parçalar sahne başına bir ajanla paralel üretilebiliyor.

Kurulum ve gereksinimler

Gerekenler: Claude Code, Node 18+, Chromium ile Playwright ve PATH'te ffmpeg. Seslendirme kullanılacaksa Python tarafında faster-whisper, isteğe bağlı olarak Claude'un ElevenLabs bağlayıcısı. Kurulum playwright'ın global olarak yüklenmesiyle başlıyor; ardından yetenek (skill) Claude Code'a tanıtılıp animasyon isteğinizi yazmanız yeterli. Henüz yolda olan bir WebGL hareket tasarımı stili de duyuruldu.

Kimler için uygun?

Ürün lansmanı için kısa tanıtım videosu hazırlayan girişimciler, teknik konuları görselleştiren geliştiriciler ve içerik üreticileri için pratik bir araç. After Effects'in yerini almıyor; daha çok "hızlı, tutarlı ve yeniden üretilebilir kısa animasyon" ihtiyacına cevap veriyor.

Rakamlarla animate

GitHub: 679 yıldız, 103 fork, MIT lisansı
Dil: JavaScript · İlk yayın: 4 Ekim 2026
Hazır stil: 7 (+ referanstan üretilen kendi stilleriniz)
Çıktı: MP4, tek parçadan dört farklı en-boy oranı
Demo: 1950'de Turing'in "makineler düşünebilir mi?" sorusundan Claude Code'a uzanan 60 saniyelik örnek parça

Sonuç

animate, animasyonu bir sanat programı işi olmaktan çıkarıp onaylanabilir ve sürümlenebilir bir üretim hattına taşıyor. Kodla üretilen görüntü her seferinde aynı çıktıyı verdiği için ekip içinde standart bir görsel dil kurmak da kolaylaşıyor. Projeyi GitHub'da cth9191/animate deposundan inceleyebilirsiniz.