Kaynak: https://oguzerol.com/otonom_yapay_zeka/sadece_claude_opus_ile_hareketli_grafik/
# Sadece Claude Opus ile Hareketli Grafik: 32 Deneme ve Prompt'lar
[Oğuz Erol](https://oguzerol.com/hakkimda/)40 dk okumaYayın: 10 Ekim 2026Video süresi 2:58
## YouTube'daki açıklama
Sadece Claude Opus ile hareketli grafik
Herkes yapay zekâyla hareketli grafik yapmayı konuşuyor, herkes kendi yöntemini paylaşıyor. Ben de sordum: sadece Claude Opus ile bu iş olur mu? Bu videodaki 19 denemenin kodunu Claude Opus 5.5 yazdı.
Açıklamanın tamamı
Güzel örnek olduklarını iddia etmiyorum; yapmışken fikir versin diye paylaşıyorum.
Videoda:
- İşin sırrı: model sana video vermiyor, her kareyi çizen bir tarif yazıyor.
- Canvas, GSAP ve MotionPath, HTML/CSS 3B, HyperFrames, Three.js, Lottie, Remotion ve Rough.js ile yapılmış örnekler.
- Her karede taşan ve küçük kalan yazıyı sayan bir denetim; sayaçlar sıfır olmadan video bana gelmiyor.
Her örneğin hangi teknolojiyle yapıldığını ve başkalarının prompt'larıyla paylaştığı güzel örnekleri bu sayfada topladım: https://oguzerol.com/otonom_yapay_zeka/sadece_claude_opus_ile_hareketli_grafik/
🤖 Bu videodaki ses ve avatar yapay zekayla üretildi.
[YouTube'da izle(yeni sekmede açılır)](https://www.youtube.com/watch?v=5zGgSiWyf1Y)[Kanalın bütün videoları](https://oguzerol.com/otonom_yapay_zeka/)
Son haftalarda herkes yapay zekâyla hareketli grafik (motion design) yapmayı konuşuyor, herkes kendi yöntemini paylaşıyor. Ben de aynı soruyu sordum: **sadece Claude Opus ile bu iş olur mu?** Aşağıdaki 19 denemenin kodunu Claude Opus 5.5 yazdı.
Bunların güzel örnekler olduğunu iddia etmiyorum; yapmışken fikir versin diye paylaşıyorum. Her denemenin prompt’unu ve ne ters gittiğini aşağıdaki [Bütün denemeler](https://oguzerol.com/otonom_yapay_zeka/sadece_claude_opus_ile_hareketli_grafik/#butun-denemeler) bölümünde tek tek yazdım. Gördüğüm güzel örnekleri ise bu sayfanın sonunda topluyorum; yenilerini buldukça ekleyeceğim. Konunun genel haritası için [Agentic AI Rehberi](https://oguzerol.com/agentic-ai-rehberi/) sayfasına bakabilirsin.
## Model video vermez, kareyi çizen tarifi yazar
İşin bütün sırrı bu cümlede. Dil modeli sana bir video dosyası vermez; yazı üretir. Ama o yazı, **bir karenin nasıl görüneceğini çizen bir program** olabilir. Programı her kare için çalıştırıp kareleri birleştirince videoyu sen elde edersin.
Bunun tek bir kuralı var: **kare yalnızca zamana bağlıdır.** Saat, zamanlayıcı ya da her çalışmada değişen rastgelelik yok. Böylece 4,2. saniyedeki kare her seferinde aynı çıkar; bozuk tek bir kareyi bulup düzeltmek kolaylaşır.
## Hataları elle değil, sayan bir denetimle buldum
Her denemede küçük bir denetim yazdırdım: her karede yazı panelden taşıyor mu, başka bir yazıyla üst üste biniyor mu, okunamayacak kadar küçük mü diye sayıyor. Sayaçlar sıfır olmadan video bana gelmiyor.
Ama sayaç yetmedi. Sarı zeminde okunmayan bir sayı, çubuğa binen bir etiket ya da fizik sahnesindeki görünmez bir engel sayaçlara takılmadı; onları kontrol karelerine gözle bakınca buldum. Bu yüzden her videodan birkaç kareyi yan yana dizip mutlaka bakıyorum.
## 19 deneme ve neyle yapıldıkları
| # | Ne gösteriyor | Teknoloji |
| --- | --- | --- |
| 1 | Bir modelin yolculuğu: diskten belleğe, işlemciye akan parçacıklar | JavaScript · Canvas 2D |
| 2 | Dikkat mekanizması: “o” kelimesi hangi kelimeye bakıyor | JavaScript · Canvas 2D |
| 3 | Kelimenin parçaya, parçanın sayıya dönüşmesi | JavaScript · Canvas 2D |
| 4 | Bir fotoğrafın içine dalış: piksel, renk, bit | JavaScript · Canvas 2D |
| 5 | Kendini okuyan ders defteri | JavaScript · Canvas 2D · Segoe Print |
| 6 | Kod yazan ajan: test kırmızıdan yeşile | JavaScript · Canvas 2D · Consolas |
| 7 | Sıcaklık ayarı: olasılık çubukları | JavaScript · Canvas 2D |
| 8 | Notu okuyup işi bitiren karakter | GSAP · MotionPathPlugin · SVG |
| 9 | Arayüzde çalışan ajan: pencere yelpazesi ve takvim | HTML · CSS 3B dönüşümleri |
| 10 | Cam kırıklarından kurulan başlık (hazır blok) | HyperFrames · Three.js · WebGL |
| 11 | Kalem eskizinden renkli bir eve | HyperFrames · Three.js · WebGPU · TSL · GSAP |
| 12 | MCP: dolanmış kablolar tek prizde | SVG · CSS animasyonu |
| 13 | Araç çağırma: model havayı bilmiyor, araca soruyor | lottie-web · Lottie JSON · Python |
| 14 | Modeli küçültmek: daha az bit, daha küçük kart | Remotion 4 · @remotion/paths · @remotion/noise |
| 15 | Halüsinasyon: uydurulan cevap ve düzeltmesi | Rough.js · Canvas |
| 16 | Ulam spirali: asallar köşegenlerde | HyperFrames · GSAP · Canvas 2D |
| 17 | Editörde başarısız testi düzelten ajan | HyperFrames · GSAP · HTML/CSS |
| 18 | Vitrin: kinetik yazı, parçacık, küp, sıvı | HyperFrames · GSAP · Canvas 2D · CSS 3B · SVG filtresi |
| 19 | İşi alt ajanlara bölen ana model | HyperFrames · GSAP · MotionPathPlugin · HTML/CSS |
Videonun kendisi de aynı yolla yapıldı: açılış HyperFrames ve GSAP ile, örnekler Remotion içinde birleştirildi.
## Bütün denemeler: prompt’lar, teknolojiler ve ne ters gitti
Videodaki 19 denemenin tablosu yukarıda. Burada ise denemelerin **hepsi** var: 32 örnek, kaynak sayfadaki sırayla, altı turda. Her birinin yanında hangi rehber skill ve teknolojinin kullanıldığını, modelden ne istediğimi ve nerede takıldığımızı yazdım; bazılarının altında modele verilen prompt’un kendisi de duruyor. Buradaki numaralar yalnız bu bölüme aittir; üstteki tablonun numaralarıyla eşleşmez.
Kareleri görünmez (başsız) bir Chrome çiziyor, ffmpeg birleştiriyor; Chrome’u ayrıca kurmadım, video hattımızda kullandığımız Remotion’ın içinde zaten geliyor. Bu fikrin bir kısmını, sonuçların modelden değil modelin etrafına kurulan kurallardan ve kontrollerden geldiğini anlatan yazılardan aldım; o yaklaşımı [Motion Design, Harness ve Döngü](https://oguzerol.com/motion-design-harness-dongu/) yazısında ayrıca anlattım. Kendi çalışma düzenim için [Benim Agentic Yığınım](https://oguzerol.com/benim-agentic-yigimim-claude-code-skills-mcp/) yazısına bakabilirsin.
### 1. tur: İlk JavaScript denemeleri
İstek kısaydı: “JavaScript ile bir şeyler üret, standartların dışına çık.” Bu turda hiçbir hazır kütüphane kullanılmadı; her şey tarayıcının çizim alanında (Canvas) koddan çizildi.
#### 1. Bir modelin yolculuğu: diskten cevaba
Disk → bellek → işlemci → cevap. Sessiz, 12 saniye.
**Rehber skill:** yok.
**Teknoloji:** JavaScript, Canvas 2D, kendi yazdığımız izometrik çizim formülü; kütüphane yok.
**İstek:** Modelden kart ve ok yerine “olayın kendisini” göstermesini istedim: verinin taşınması ok çizerek değil, akan bir şeyle anlatılsın.
**Ne oldu:** Ortaya kodla çizilmiş üç boyutlu görünen disk, bellek çubukları ve bir çip çıktı. Yaklaşık 900 parçacık eğri yollar üzerinde diskten belleğe, oradan işlemciye akıyor; üst üste binen parçacıklar ışık karışımıyla kendiliğinden parlıyor. Bellek çubuklarının dolma seviyesi süs değil, gerçekten varan parçacık sayısından hesaplanıyor. Sonunda bir sinir ağı kuruluyor ve cevap kelime kelime çıkıyor. İlk sürümde kelime kutuları belleğin üstüne biniyordu; yerleşimi aşağı kaydırıp yeniden çizdik. Burada bilinçli bir sadeleştirme var: modelin çoğunlukla ekran kartı belleğine yüklendiğini göstermedim.
#### 2. Dikkat: “o” kime bakıyor?
Kalın şerit daha çok dikkat demek; ağırlıklar şematik.
**Rehber skill:** yok.
**Teknoloji:** JavaScript, Canvas 2D, eğri çizimleri ve ışık karışımı; kütüphane yok.
**İstek:** Soyut bir kavramı kutu ve oklarla değil, kelimelerin kendisiyle anlatmasını istedim.
**Ne oldu:** “Ali topu Ayşe’ye attı, o da yakaladı.” cümlesinin kelimeleri yaylanarak düşüyor, ardından “o” kelimesinden her kelimeye bir ışık şeridi uzanıyor. Şeridin kalınlığı o kelimeye verilen ağırlıkla orantılı; şeritlerin üstünde küçük bilgi parçacıkları akıyor. Sonunda zayıf şeritler sönüyor, Ayşe’ye giden kalıyor ve iki kelime aynı renge dönüyor. Ağırlıkları gerçek bir modelden ölçmedim, elle verdim; ekranda da “şematik” yazıyor. Gerçek modellerde çok sayıda dikkat katmanı ve başlığı vardır, hepsi zamir çözmez.
### 2. tur: İki makaleden sonra
Bu turdan önce, Claude ile motion design yapanların yöntemlerini anlatan iki uzun yazı okudum. İkisinden aldığım fikirler şunlar oldu: bir nesne yeni bir şey belirmeden biçim değiştirerek ilerlesin, ve her sahne otomatik bir denetimden geçmeden gösterilmesin. İsteğim “ufkumuzu açacak, öğretmeye yarayan farklı bir tarz” oldu.
#### 3. Biçim değiştiren tek nesne
Cümle → parça → sayılar → tablo → sıradaki kelime.
**Rehber skill:** yok.
**Teknoloji:** JavaScript, Canvas 2D, denetim sayaçları; kütüphane yok.
**İstek:** İstediğim tek şey şuydu: ekrana hiçbir şey birden belirmesin, var olan nesne dönüşsün.
**Ne oldu:** “Bugün hava çok” cümlesi renkli kapsüllere ayrılıyor; her kapsül sekiz ince çubuğa bölünüyor, çubuklar tablo hücrelerine dönüşüyor. Aynı dikdörtgenler konum ve boyut değiştirerek bir biçimden ötekine geçtiği için izleyici neyin neye dönüştüğünü kaçırmıyor. Tablo taranıyor ve sıradaki parça, burada “güzel” kelimesi, cümlenin sonuna oturuyor. Sayılar şematik; gerçek modellerde bir parça binlerce sayıyla temsil edilir. Öğretim için bulduğum en güçlü dil bu oldu.
#### 4. Bir fotoğrafın içine dalmak
Fotoğraf → piksel → üç sayı → sıfırlar ve birler.
**Rehber skill:** yok.
**Teknoloji:** JavaScript, Canvas 2D, 54×60 piksellik mini tuval; kütüphane yok.
**İstek:** “Powers of Ten” tarzı, kesintisiz tek bir kamera hareketiyle ölçek değişimini anlatmasını istedim.
**Ne oldu:** Kodla çizilmiş küçük bir manzaraya yakınlaşıyoruz: önce pikseller beliriyor, sonra tek bir piksel ekranı dolduruyor, kırmızı, yeşil ve mavi değerlerine ayrılıyor, en sonda bu sayılar bitlere açılıyor. Yakınlık üstel artıyor, böylece dalış hızı sabit hissediliyor. Ekrandaki değerler uydurma değil, gerçekten o pikselden okunuyor. İlk sürümde sayılar sarı zeminin üstünde okunmuyordu; denetim sayaçları bunu yakalamadı, kontrol karesinde gözle bulup arka planı kararttık.
#### 5. Kendini okuyan ders defteri
Ajan nedir: üç parça, el yazısıyla.
**Rehber skill:** yok.
**Teknoloji:** JavaScript, Canvas 2D, Windows ile gelen Segoe Print yazı tipi; kütüphane yok.
**İstek:** Bu sefer bilerek serimizin lacivert zemin kuralını bozdum ve bir ders notu havası istedim.
**Ne oldu:** Çizgili kâğıda satırlar el yazısıyla yazılıyor, “üç parçadan” ifadesinin altından fosforlu kalem geçiyor, “araçlar” kelimesinin etrafına titrek bir daire çiziliyor. Kenara “en önemlisi!” notu düşülüyor ve sonunda yapışkan bir not uçup geliyor. El çizimi hissi rastgelelikten değil, her karede aynı titremeyi veren sabit bir formülden geliyor. İlk sürümde el yazısı fontu yüklenmemiş, daire yanlış yere çizilmişti; yazı fonksiyonuna font seçeneği ekleyince düzeldi.
### 3. tur: Farklı araçlar
İstek bu kez şöyleydi: birbirine benzemeyen beş altı iş; ücretsiz yollar öncelikli. Burada hazır kütüphanelere (Matter.js, Three.js) geçtik.
#### 6. Kod yazan bir ajan
Dene → oku → düzelt → tekrar dene. Örnek senaryo.
**Rehber skill:** yok.
**Teknoloji:** JavaScript, Canvas 2D, Consolas yazı tipi; kütüphane yok.
**İstek:** Ajanların arka planda ne yaptığını gösteren animasyonlu bir terminal istedim.
**Ne oldu:** Test kırmızı yanıyor, ajan hatayı okuyor, değişen satır kayarak yer değiştiriyor ve test yeşile dönüyor; alttaki dönen ok turları sayıyor. Yazma efekti karakter sayısının zamana bölünmesiyle yapılıyor, yanıp sönen imleç de zamana bağlı, rastgele değil. Bu gerçek bir proje değil, ekranda da “örnek senaryo” yazıyor. Tur sayacının halkası ilk sürümde yazının üstüne biniyordu; halkayı büyüttük.
#### 7. Sıcaklık ayarı
Düşük sıcaklık: neredeyse hep aynı kelime. Yüksek: sürprizler.
**Rehber skill:** yok.
**Teknoloji:** JavaScript, Canvas 2D, gürültü alanında akan parçacıklar; kütüphane yok.
**İstek:** Burada bir formülü gerçekten çalıştırmasını istedim.
**Ne oldu:** “Gökyüzü bu akşam …” cümlesinin devamı için beş aday kelime var; her adayın puanı sıcaklığa bölünüp olasılığa çevriliyor (softmax). Sıcaklık düşükken “mavi” neredeyse hep seçiliyor, yükseldikçe olasılıklar birbirine yaklaşıyor. Puanlar örnek değerler, ama çubuklar gerçekten o formülle hesaplanıyor. Arka plandaki akış alanı aynı sayıyla çalkalanıyor ve sakinlikten kaosa geçiyor. İlk sürümde kelime adları çubukların üstüne biniyordu; denetim bunu görmedi, kontrol karesinde düzelttik.
#### 8. Bağlam penceresi dolunca
Bazı uygulamalar pencere dolunca en eski kısmı atar. Şematik.
**Rehber skill:** yok.
**Teknoloji:** [Matter.js](https://brm.io/matter-js/) (ücretsiz fizik motoru), JavaScript, Canvas 2D.
**İstek:** Bağlam penceresini bir bardak olarak, gerçek fizikle göstermesini istedim.
**Ne oldu:** Kelimeler yer çekimiyle bardağa düşüp birbirine çarpıyor; bardak dolunca en eski kelime kehribar rengine dönüp sönüyor ve üstündekiler aşağı iniyor. İki tuzak yaşadık: fizik dünyasından çıkarılmayan bir kelime görünmez bir engel olarak kalıyor, üstündekiler düşmüyordu; dönen kutular da etiket çakışması sayıyordu, kutuların dönmesini kapattık. İlk başlık “en eski kısım unutulur” diyordu; bunun her uygulamada böyle olmadığını, örneğin Claude’un API’sinin pencere aşılınca sessizce kesmek yerine hata verdiğini öğrenince “bazı uygulamalar en eskiyi atar” diye düzelttim.
#### 9. Anlam uzayı
Anlamı yakın kelimeler yan yana durur. Şematik.
**Rehber skill:** yok.
**Teknoloji:** [Three.js](https://threejs.org/) (ücretsiz 3B kütüphanesi), WebGL, Canvas 2D üstüne etiket.
**İstek:** Gerçek bir üç boyutlu sahne istedim.
**Ne oldu:** Dağınık kelimeler hayvan, meyve ve taşıt kümelerine toplanıyor, kamera yavaşça dönüyor ve yeni gelen “kaplan” hayvanların yanına uçuyor. 3B sahne ayrı bir tuvalde çiziliyor, etiketler ise denetim görebilsin diye üstüne iki boyutta yazılıyor. Kamera kümeleri aynı hizaya getirdiğinde etiketler üst üste biniyordu; yörüngeyi daralttık ve boş yer bulana kadar etiketi kaydıran küçük bir yerleştirici yazdırdık. Gerçek anlam uzayları yüzlerce, hatta binlerce boyutludur.
### 4. tur: Tekrarı kırmak
İlk örnekleri bir videoda art arda izleyince sorun açıktı: sahnelerin çoğu aynı dili konuşuyordu. Aynı lacivert zemin, üstte başlık, ortada yuvarlak kutular, altta soluk bir dipnot; çubuk grafik beş kez tekrar ediyordu. İstek bu yüzden netti: gerçekten farklı teknolojilerle ve öğelerle birkaç iş daha. Her biri için ayrı bir renk paleti, ayrı bir yerleşim ve ayrı bir teknoloji seçtim.
#### 10. Öğrenmek vadiye inmektir
Gradyan inişi: top hata yüzeyinin en dibine iner.
**Rehber skill:** yok.
**Teknoloji:** WebGL2, GLSL shader (ışın yürütme), JavaScript.
**İstek:** Bu kez hiç kutu ve etiket olmayan, ışığı ve derinliği olan bir sahne istedim.
**Ne oldu:** Arazi, ekran kartında çalışan küçük bir shader programıyla ışın yürütme (raymarching) yöntemiyle çiziliyor; ışık, eş yükselti çizgileri ve günbatımı renkleri var. Arazi bir “hata yüzeyi”; top momentumlu gradyan inişiyle vadinin dibine yuvarlanıyor. Topun yolu süs değil: aynı formül JavaScript’te de yazıldı ve ekrandaki adım ve hata değerleri o yoldan okunuyor. İlk sürümde top yandaki küçük bir çukura takılıyordu ve vadinin kenarının arkasında kayboluyordu; başlangıç noktasını hesaplayarak bulduk, inişi yavaşlattık ve kamerayı yükselttik.
#### 11. Bu videonun mutfağı: gerçek veri
Ölçüm: 10 Ekim 2026. 17,6 GB, 66.882 dosya.
**Rehber skill:** yok.
**Teknoloji:** [D3.js](https://d3js.org/) (ücretsiz veri görselleştirme kütüphanesi), treemap yerleşimi, gerçek klasör ölçümü.
**İstek:** Uydurma sayı değil, gerçek veri istedim.
**Ne oldu:** Bu videoları ürettiğimiz proje klasörünü ölçtük: 17,6 GB ve 66.882 dosya. D3 klasörleri boyutlarına göre bir ağaç haritasına yerleştiriyor, kamera kutudan kutuya yakınlaşıyor. Büyük klasörün 13,5 GB’ının çoğu konuşan avatarın modeli; bu sahnelerin kodu ise yalnız 8 MB. Görsel dil gazete grafiği: krem kâğıt, serif rakamlar, solda büyük başlık. Yakınlaşma sırasında etiketlerin çerçeveden taştığını denetim yakaladı; artık etiket yalnız kutusu tamamen görünürken yazılıyor.
#### 12. Bir karakterin hikâyesi
Düşünür, araç kullanır, işi bitirir.
**Rehber skill:** yok.
**Teknoloji:** [GSAP](https://gsap.com/) ve MotionPath eklentisi (ücretsiz), SVG, tarayıcı ekran görüntüsüyle kare alma.
**İstek:** Önceki örneklerde hiç olmayan bir şeyi, yüz ifadesi olan bir karakteri istedim.
**Ne oldu:** Pastel renkli karakter zıplayarak giriyor; sıkışıp uzama (squash and stretch) gibi klasik animasyon ilkeleriyle hareket ediyor. Gözleri eğri bir yol üzerinde düşen görev notunu izliyor, göz kırpıyor, düşünce balonunda üç simge beliriyor, sonra takvime uzanıp işi bitiriyor ve gülümsüyor. Çizim tuvalde değil, gerçek SVG ve sayfa öğelerinde; bu yüzden kareleri ekran görüntüsüyle alan yeni bir çizici yazdık. İlk sürümde düşünce balonu kenarda kesiliyordu, çünkü GSAP balonun konumunu eziyordu; konumu dış gruba taşıdık.
#### 13. Gerçek bir arayüzde çalışan ajan
Örnek arayüz; gerçek bir uygulama değil.
**Rehber skill:** yok.
**Teknoloji:** Saf HTML ve CSS, CSS 3B dönüşümleri; kütüphane yok.
**İstek:** Diyagram değil, gerçek bir uygulama penceresi görmek istedim.
**Ne oldu:** Açılışta üç pencere üç boyutlu bir yelpaze gibi açılıp takvime odaklanıyor. Ajanın imleci arama kutusuna yazıyor, boş saatler sırayla yeşil yanıyor, bir saate tıklanıyor ve “Davet gönderildi” bildirimi geliyor. Her şey gerçek sayfa öğeleri; her stil yalnız zamandan hesaplanıyor. İlk sürümde 3B yelpaze hiç görünmüyordu, çünkü sondaki eğilme satırı ön pencerenin dönüşümünü her karede eziyordu; iki dönüşümü birleştirdik.
#### 14. Bu videonun kendi sesi
Sesli. Whisper sesi bu türden bir resme bakarak yazıya çevirir.
**Rehber skill:** yok.
**Teknoloji:** Python, NumPy, librosa, Pillow, ffmpeg; tarayıcı yok.
**İstek:** Bu kez tarayıcıyı tamamen bırakıp gerçek bir veriyi, videonun kendi sesini görselleştirmesini istedim.
**Ne oldu:** Sesin ilk 12 saniyesi, Whisper’ın baktığı türden bir log-mel spektrogram olarak kayıyor (biz 80 bant kullandık; Whisper large-v3 128 bant kullanır). Kadın ve erkek sesinin perde bantları açıkça ayrı görünüyor; kelimeler gerçek saniyelerinde, konuşmacının rengiyle akıyor. Kareleri Python çiziyor, ffmpeg sesle birleştiriyor. İlk sürümde kelimeler birbirinin üstüne biniyordu; konuşulan kelimeyi ayrı satırda büyük gösterip diğerlerini iki sıraya dağıttık.
### 5. tur: On skill, on teknoloji, on prompt
Bu kez isteğim şuydu: “Farklı skill ve teknolojilerle 10–15 saniyelik, birbirine benzemeyen on anlatım üret; promptlarını ve sonuçlarını birlikte paylaşacağım.” Bu turda iki şey farklı. Birincisi skill’ler: skill, Claude’un belli bir işi nasıl yapacağını anlatan ve gerektiğinde yüklediği bir talimat paketi (örneğin bir animasyon kütüphanesinin nasıl kullanılacağı). Bazı örneklerde açık kaynaklı bir skill’i rehber aldık, bazılarında doğrudan bir kütüphaneyle çalıştık; farkın nerede işe yaradığı aşağıda yazıyor. İkincisi promptlar: her örneğin altında, işi yapan modelin aldığı promptun kendisi var. Bu promptları da Claude yazdı: önce önceki örneklerde işlenen konuları (dikkat, sıcaklık, bağlam penceresi, gradyan inişi) ve teknolojileri tekrar etmeyen on konu–teknoloji eşleşmesi seçti, sonra her biri için promptu yazıp işi altı ayrı alt ajana dağıttı. Ortak kurallar önceki turlarla aynı: kare yalnız zamana bağlı, yazılar en az 32 piksel, ücretli servis yok. Her deneme Türkçe ve İngilizce iki kez çizildi, sonra kontrol karelerine gözle bakıldı; her örneğin altında o 8 karelik kontrol şeridi de duruyor. Videolar sessiz; yalnız 15. örnekte ses var.
#### Bu turun hazırlığı: hangi skill’leri kurduk, hangilerini eledik
Turdan önce iki şey yaptık; ürün çıkmadı ama sonuçları aşağıdaki örneklere taşındı. Birincisi HyperFrames: HeyGen’in açık kaynak video çatısının deposunda 28 skill var. Bizde 11’i kuruluydu ve kurulu ana skill işi kurulu olmayan skill’lere (genel video, yüzsüz açıklayıcı video, ürün tanıtımı) yönlendiriyordu; eksik 17’yi kurunca bu yönlendirme çalışır hâle geldi. İkincisi, elimize geçen “Opus’u motion imparatorluğuna çeviren 20 GitHub deposu” başlıklı bir listeyi taradık. Listeden üçünü (HyperFrames, Remotion ve Remotion’ın skill’leri) zaten kullanıyorduk, iki kütüphaneyi (GSAP, lottie-web) skill’siz kullanmıştık, 15’i hiç kurulu değildi. Bu turda listeden HyperFrames, Remotion, GSAP ve lottie-web’i fiilen kullandık. Reel yapan bir skill ararken de klip başına yaklaşık 2–3 dolar isteyen ücretli servislere bağlı üç adayı eledik; yalnız ücretsiz ve bilgisayarda çalışanları kullandık.
20 depo listesi: hangisi ne durumda
| # | depo | GitHub | bu sohbetteki durumu |
| --- | --- | --- | --- |
| 01 | claude-motion | [whaleyxbt/claude-motion](https://github.com/whaleyxbt/claude-motion) | kurulmadı |
| 02 | claude-motion-design | [howseen-ai/claude-motion-design](https://github.com/howseen-ai/claude-motion-design) | kurulmadı |
| 03 | motion-graphics-skills | [charlie947/motion-graphics-skills](https://github.com/charlie947/motion-graphics-skills) | kurulmadı (13 skill) |
| 04 | claude-remotion-skill | [haidrrrry/claude-remotion-skill](https://github.com/haidrrrry/claude-remotion-skill) | kurulmadı |
| 05 | klik-anim-skill-creation | [t3knobox/klik-anim-skill-creation](https://github.com/t3knobox/klik-anim-skill-creation) | kurulmadı |
| 06 | hyperframes-motion-reel-skill | [Sunwood-ai-labs/hyperframes-motion-reel-skill](https://github.com/Sunwood-ai-labs/hyperframes-motion-reel-skill) | kurulmadı |
| 07 | product-launch-motion | [AbubakrChan/product-launch-motion](https://github.com/AbubakrChan/product-launch-motion) | kurulmadı; HyperFrames’in product-launch-video’su kurulu |
| 08 | animate | [emilkowalski/skills](https://github.com/emilkowalski/skills) | kurulmadı |
| 09 | motion-design-skills | [iart-ai/motion-design-skills](https://github.com/iart-ai/motion-design-skills) | kurulmadı |
| 10 | hyperframes-student-kit | [nateherkai/hyperframes-student-kit](https://github.com/nateherkai/hyperframes-student-kit) | kurulmadı; içindeki short-form-video adı bizimkiyle çakışıyor |
| 11 | hyperframes | [heygen-com/hyperframes](https://github.com/heygen-com/hyperframes) | kurulu, 28 skill; bu turda 16, 17 ve 19 |
| 12 | remotion | [remotion-dev/remotion](https://github.com/remotion-dev/remotion) | video hattımızın motoru; bu turda 15 ve 22 |
| 13 | skills | [remotion-dev/skills](https://github.com/remotion-dev/skills) | kurulu, 12 skill; bu turda 22 |
| 14 | gsap-skills | [greensock/gsap-skills](https://github.com/greensock/gsap-skills) | skill kurulmadı; GSAP kütüphanesi 12 ve 16’da |
| 15 | motion-design-skill | [LottieFiles/motion-design-skill](https://github.com/LottieFiles/motion-design-skill) | kurulmadı |
| 16 | awesome-motion-design-agent-skills | [frankxai/awesome-motion-design-agent-skills](https://github.com/frankxai/awesome-motion-design-agent-skills) | kurulmadı |
| 17 | motion-graphics | sahibi belirsiz | kurulmadı; bizdeki aynı adlı skill HyperFrames’in |
| 18 | motion-dev-animations-skill | [199-biotechnologies/motion-dev-animations-skill](https://github.com/199-biotechnologies/motion-dev-animations-skill) | kurulmadı |
| 19 | motion | [motiondivision/motion](https://github.com/motiondivision/motion) | kullanılmadı |
| 20 | lottie-web | [airbnb/lottie-web](https://github.com/airbnb/lottie-web) | bu turda 21 (JSON’u kodla yazıldı) |
Kurulan 17 HyperFrames skill'i ve elenen reel servisleri
HyperFrames deposunda 28 skill var; 11’i kuruluydu. Eksik 17’si kuruldu: general-video, faceless-explainer, product-launch-video, pr-to-video, music-to-video, talking-head-recut, embedded-captions, slideshow, figma, remotion-to-hyperframes, glass-shard-title, canopy-part-title, code-slice-hero, cuboid-carousel, frost-sequence-camera-orbit, orbit-card, wireframe-portal-title. Son yedisi hazır görsel bloklardır (17. örnek bunlardan biriyle yapıldı). Reel aracı ararken elenen ücretli adaylar: Klap ve Captions.ai’ye bağlı bir video kesme skill’i (klip başına yaklaşık 2–3 dolar), MuAPI ve OpenClip skill’leri. Kullanılanlar: semantic-video-clipper ve short-form-video (ücretsiz, bilgisayarda çalışıyor).
#### 15. Uzun videodan reel
Sesli. 161 saniyelik bir videomuzun 36 saniyelik bölümü; kanca kartı ilk kareden ekranda.
**Rehber skill:** `semantic-video-clipper` (seefreed/skills) ve `short-form-video` (iart-ai/tiktok-video-skills).
**Teknoloji:** FFmpeg, [Remotion](https://www.remotion.dev/).
**İstek (prompt):** Shortify gibi reel/short yapmaya yarayan bir skill indir, onlarla da bir şey yap, hangisini kullandığını söyle.
**Ne oldu:** Bu turun ilk işi aslında bir istekti, deneme değil; promptu da bu yüzden kısa. “Shortify” adında bir skill yok; kesmeyi ve reel’e çevirmeyi iki ayrı ücretsiz skill’e böldük, ücretli API’ye bağlı üç adayı eledik. İlki 161 saniyelik bir videomuzu altyazısının anlamına göre beş parçaya böldü: kesim noktalarını model seçiyor, betik yalnız FFmpeg ile kesiyor. İkincisi kısa video kurallarını verdi: ilk karede kanca yazısı, 2–4 saniyede bir yakınlaşma, güvenli alan ve döngü. Skill’in önerdiği %10–12 yakınlaşma portreyi kenara ittiği için %6 kullandık. İlk çizimde döngü noktasında görüntü sıçradı; son karelerde ölçeği geri çekince düzeldi.
Kontrol şeridi: videodan eşit aralıklı 8 kare. Denetimde bu karelere bakıldı.
Reel’den önce `semantic-video-clipper`’ın çıkardığı beş ham kesit aşağıda; hiçbirine dokunulmadı, yalnız altyazının anlamına göre kesildi. Kesim noktalarını model seçti, her kesit bir konuyla başlayıp o konuyla bitiyor. Yukarıdaki reel, dördüncü kesitten yapıldı.
1. Kanca ve neden NVIDIA, CUDA (31 sn)
2. Qwen mi Gemma mı, sansürsüz daha mı akıllı (22 sn)
3. Token ve bağlam masası (34 sn)
4. Whisper ile yerel dikte (36 sn)
5. Ses modelleri ve aynı bellek (37 sn)
#### 16. Prompt değil, bağlam
Aynı istek, dört soruyla bir brief'e dönüşüyor.
**Rehber skill:** HyperFrames `motion-graphics`.
**Teknoloji:** [HyperFrames](https://github.com/heygen-com/hyperframes), [GSAP](https://gsap.com/), HTML ve CSS.
**İstek (prompt):** motion-graphics skill’ini kullan. 12 saniyelik dikey (1080×1920) bir kinetik tipografi anlatımı yap. Görsel dil İsviçre afişi: kırık beyaz kâğıt (#F2EFE8), siyah ağır grotesk yazı, tek vurgu rengi sinyal kırmızısı (#E63323), ızgaraya oturan sert yerleşim, gölge ve degrade yok. Hikâye: (0–2 sn) ekranın ortasında küçük ve yalnız ‘bir logo yap’ yazısı durur, yanına kırmızı bir soru işareti düşer. (2–6 sn) Dört soru kenarlardan tek tek sertçe girer: ‘Kimin için?’, ‘Nerede görünecek?’, ‘Hangi duyguyu taşımalı?’, ‘Neyi asla yapmamalı?’. (6–9 sn) Sorular üst üste yığılıp tek bir dolu brief bloğuna dönüşür; ilk cümle bu bloğun içinde artık tek bir satırdır. (9–12 sn) Her şey silinir, son kare: ‘Model aynı.’ siyah, altında büyük ‘Fark: bağlam.’ kırmızı. Hareketler hızlı ve kesin olsun, yaylanma az.
**Ne oldu:** HyperFrames’te sahne bir HTML sayfası: önce son kareyi CSS ile kuruyorsun, sonra GSAP zaman çizelgesine bağlıyorsun. Skill’in denetim komutu bir şeyi baştan yakaladı: yazının konumunu ve puntosunu piksel piksel değiştiren hareketleri, titreyerek kaydığı için reddetti. Soruların bloğa yığıldığı anı bu yüzden büyütme ve çapraz solmayla yeniden kurduk. İlk sürümde kapanış yazıları daha ilk karede görünüyordu; başlangıç saydamlığı verilince düzeldi. Model bloğa küçük bir “BRIEF” etiketi ekledi. Çizim 19 saniye sürdü, video 1,1 MB.
Kontrol şeridi: videodan eşit aralıklı 8 kare. Denetimde bu karelere bakıldı.
#### 17. Seri açılışı: hazır bir bloğu kişiselleştirmek
Başlık ve zamanlama bloğun değişkenleriyle; renk tonu ve alt satır blok dışından.
**Rehber skill:** `hyperframes-registry`, `glass-shard-title` bloğu.
**Teknoloji:** HyperFrames, Three.js (blok içinde), WebGL.
**İstek (prompt):** HyperFrames kataloğundaki glass-shard-title bloğunu kur ve kendi değişkenleriyle özelleştir. Bu, deneme serisinin 12 saniyelik açılış kartı olsun. Sis içinden uçan cam kırıkları yerine oturup başlığı kursun: ‘10 DENEME’. Alt satırda ‘Claude ile motion design’ yazsın. Renkleri soğuk mavi-gri sis ve beyaz ışık olarak ayarla. Bloğun kendi kamera ve ışık hareketini bozma; yalnız metin, renk ve zamanlamayı değiştir. Hazır bir bloğu ne kadar kişiselleştirebildiğimizi ölç ve not et.
**Ne oldu:** Bu deneyde ölçmek istediğim şey, hazır bir bloğun ne kadar kişiselleştirilebildiğiydi. Cevap: yarısı. Blokta 19 değişken var; başlık metni, uçuş süreleri, kırık sayısı ve sis mesafesi değişiyor. Ama alt satır için de renk için de değişken yok. Belgesinde 12 saniye yazan bloğun süresi kodun içinde 9 saniyeye sabitlenmiş: kırıklar 7–9. saniyede çıkıyor, sonrası boş kalıyor. Bloğa dokunmadan üstüne soğuk bir renk katmanı, ayrı bir alt satır ve son üç saniyeyi dolduran bir kapanış kartı koyduk. Pembe-mor cam yansıması bloğun kendi malzemesi; tam gri cama ulaşamadık. Hazır blok hızlı ve göz alıcı, ama markana uydurmak istediğinde sınırlara çarpıyorsun.
Karşılaştırma: aynı blok yalnız kendi değişkenleriyle (4. saniye). Soğuk renk tonu ve alt satır yok.
Kontrol şeridi: videodan eşit aralıklı 8 kare. Denetimde bu karelere bakıldı.
#### 18. MCP: tek priz, çok araç
Her araca ayrı kablo yerine tek protokol.
**Rehber skill:** `archify`.
**Teknoloji:** SVG, CSS iz animasyonu, tarayıcı ekran görüntüsüyle kare alma.
**İstek (prompt):** archify skill’iyle 12 saniyelik dikey (1080×1920) hareketli bir mimari diyagram anlatımı yap. Konu: Model Context Protocol (MCP). Görsel dil archify’ın kendi teknik çizim teması: ince çizgiler, mono etiketler, ızgara zemin. Hikâye: (0–4 sn) ortada ‘Claude’ düğümü, çevresinde üç araç: GitHub, Takvim, Drive. Her birine ayrı, birbirine dolanan kırmızı kesikli kablo gider; etiket: ‘Her araca ayrı kablo.’ (4–8 sn) Kablolar söner, ortaya ‘MCP’ düğümü gelir, bağlantılar düzgün tek hatta toplanır; bir iz sinyali Claude → MCP → Takvim → Claude yolunu dolaşır. Etiket: ‘Tek dil: MCP.’ (8–12 sn) Sinyaller üç araca aynı anda gidip döner, dördüncü bir araç (‘Yeni araç’) boş bir yuvaya takılır. Son etiket: ‘Yeni araç, yeni kablo demek değil.’
**Ne oldu:** archify mimari diyagram çizen bir skill: bileşenleri ve bağlantıları önce bir JSON’a yazıyorsun, skill bunu denetleyip temalı bir sayfaya çeviriyor. Denetim iki hatayı yakaladı: bileşende izin verilmeyen bir alan ve yönü yanlış seçilmiş bağlantılar. Düzeltince en yüksek kalite kapısından geçti. Asıl bulgu şu: archify’ın çıktısı videoya göre değil masaüstü ekrana göre tasarlanmış. Yazılar 11 piksel, animasyon kendi saatinde oynuyor ve kare kare yakalanamıyor. Bu yüzden skill’in teması, sınıfları ve iz hareketi alınıp aynı yerleşim dikey videoya yeniden çizildi. Yani skill burada çizimi değil, görsel dili ve doğruluk denetimini verdi.
Kontrol şeridi: videodan eşit aralıklı 8 kare. Denetimde bu karelere bakıldı.
#### 19. Kısa hafıza, uzun hafıza
Sohbet unutur; dosyaya yazılan kalır.
**Rehber skill:** `hyperframes-animation` (Anime.js adaptörü).
**Teknoloji:** HyperFrames, [Anime.js](https://animejs.com/) 4, SVG filtreleri.
**İstek (prompt):** hyperframes-animation skill’inin Anime.js adaptörünü kullanarak 13 saniyelik dikey (1080×1920) bir anlatım yap; GSAP kullanma. Görsel dil risograf baskı: krem kâğıt dokusu, yalnız iki mürekkep (floresan pembe #FF48B0 ve mavi #0078BF), renkler biraz kaymış basılmış gibi, yarım ton noktalar. Hikâye: (0–3 sn) küçük bir ‘Sohbet’ kutusuna konuşma balonları dolar. (3–6 sn) Kutu taşar, en eski balonlar alttan düşüp kaybolur; yazı: ‘Sohbet bitince unutulur.’ (6–10 sn) Bir balon (‘Raporlar Türkçe olsun’) damgalanır ve bir dosya çekmecesine kayar; yazı: ‘Uzun hafıza: dosyaya yazılır.’ (10–13 sn) Yeni ve boş bir sohbet açılır, çekmece aralanır ve o bilgi yeni sohbete geri gelir. Son kare: ‘Hatırlamak = yazmak.’
**Ne oldu:** Aynı HyperFrames’i bu kez GSAP olmadan, Anime.js ile kullandık. Risograf görünümü gerçek: yalnız iki mürekkep, üst üste basılınca karışan renkler, 7,5 piksel kaymış pembe kalıp, iki mürekkebe farklı açıda yarım ton noktalar, kâğıt dokusu ve mürekkep boşlukları. Kaydedilen balon, Anime.js’in yol üzerinde hareket özelliğiyle çekmeceden yeni sohbete akıyor. Takıldığımız yerler: HyperFrames’in denetimi bir GSAP zaman çizelgesi aradı, olmadığını ayrıca belirtmek gerekti; Anime.js’in yeni sürümü adım adım geçişi kaldırmış, imleç yanıp sönmesini kısa soldurmalarla yaptık. Bu dokunun bedeli dosya boyutu: kaynak video 33 MB çıktı, web sürümü 4,5 MB.
Kontrol şeridi: videodan eşit aralıklı 8 kare. Denetimde bu karelere bakıldı.
#### 20. Difüzyon: gürültüden resme
Sayaç 50'den 1'e iner; her adımda gürültü biraz azalır.
**Rehber skill:** yok, doğrudan teknoloji.
**Teknoloji:** [p5.js](https://p5js.org/) 1.9.4.
**İstek (prompt):** p5.js ile 12 saniyelik dikey (1080×1920) üretken bir anlatım yap. Çizim tamamen zamana bağlı ve tohumlu olsun (her kare t’den hesaplanır). Görsel dil: koyu film greni, sıcak kehribar ve krem parçacıklar, hafif vinyet. Hikâye: (0–3 sn) ekran binlerce rastgele parçacıktan oluşan saf gürültü; üstte bir prompt satırı yazılır: ‘prompt: denizde bir yelkenli’. Yazı: ‘Her şey gürültüyle başlar.’ (3–9 sn) Köşede bir sayaç ‘adım 50’ den ‘adım 1’e iner; her adımda parçacıklar biraz daha düzene girer ve bir yelkenli, deniz ufku ve güneş belirir. (9–12 sn) Resim netleşir. Son yazı: ‘Model resmi çizmez; gürültüyü adım adım temizler.’
**Ne oldu:** Burada parçacıkların hedefe uçmasını değil, gerçek bir ters difüzyon adımını istedim. 17.000 parçacığın hedefi, çizilmiş bir yelkenli resminin parlaklığından örnekleniyor. Her adımda konum “hedef + gürültü × σ” diye yeniden hesaplanıyor; σ adım adım küçülüyor ve gürültü her adımda yeniden çekiliyor. Ekranda gördüğün, bir difüzyon modelinin yaptığı işin basitleştirilmiş ama dürüst bir hâli. Film greni videoyu sıkıştırılamaz hâle getirdi: ilk çıktı 12 saniye için 240 MB’tı, kodlama ayarıyla 11 MB’a indi.
Kontrol şeridi: videodan eşit aralıklı 8 kare. Denetimde bu karelere bakıldı.
#### 21. Araç çağırma
Model bilmediğini araçla öğrenir.
**Rehber skill:** yok, doğrudan teknoloji.
**Teknoloji:** [lottie-web](https://github.com/airbnb/lottie-web) 5.12.2, kodla yazılmış Lottie JSON (Python).
**İstek (prompt):** lottie-web ile 12 saniyelik dikey (1080×1920) bir anlatım yap. Animasyonu bir tasarım programında değil, Lottie (Bodymovin) JSON’unu kodla yazarak üret: şekil katmanları, anahtar kareler, yaylanan easing. Yazılar HTML katmanında, Lottie zamanına bağlı. Görsel dil: beyaz zemin, parlak düz ikonlar (mavi, sarı, yeşil, kırmızı), yuvarlak köşeler, klasik Lottie zıplaması. Hikâye: (0–3 sn) bir sohbet balonu: ‘Yarın İzmir’de yağmur var mı?’. Model ikonu düşünür (üç nokta); balon: ‘Bilmiyorum… ama bakabilirim.’ (3–7 sn) Bir araç çağrısı kartı ({ şehir: İzmir }) uçarak bulut ikonlu hava durumu aracına gider, araç döner. (7–10 sn) Cevap kartı geri döner: ‘%80 yağmur’. (10–12 sn) Model cevap verir: ‘Şemsiyeni al.’ Son yazı: ‘Model bilmediğini araçla öğrenir.’
**Ne oldu:** Lottie animasyonları normalde bir tasarım programında çizilip bir eklentiyle JSON’a aktarılır. Burada tasarım programı hiç açılmadı: 11 katmanlı animasyonun JSON’unu bir Python betiği yazdı (34 KB); zıplama, eğri tutamaçlarının 1’i aşmasıyla elde edildi. Mümkün ama tuzaklı: listedeki ilk katman en üstte çizildiği için düşünme noktaları balonun altında kaldı, mavi zeminde yağmur damlaları görünmedi, bir yolun yönü ters olunca robot gülümseyeceğine somurttu. Lottie yazıda zayıf olduğu için yazılar sayfa katmanında duruyor ve aynı anahtar karelerden okunarak senkron tutuluyor. Zayıf yanı: ekranın alt yarısı boş kaldı.
Kontrol şeridi: videodan eşit aralıklı 8 kare. Denetimde bu karelere bakıldı.
#### 22. 16 GB’a sığdırmak: quantization
14 milyar parametre: 16 bitte 28 GB, 8 bitte 14 GB, 4 bitte 7 GB.
**Rehber skill:** `remotion-best-practices`.
**Teknoloji:** [Remotion](https://www.remotion.dev/) 4, React, @remotion/paths, @remotion/noise.
**İstek (prompt):** remotion-best-practices skill’ine uyarak Remotion’da 13 saniyelik dikey (1080×1920) bir anlatım yap; @remotion/paths ile çizgi çizme ve @remotion/noise ile titreşim kullan. Görsel dil: grafit zemin üstünde yeşil osiloskop/HUD, mono yazı, ince ızgara, tarama çizgileri. Hikâye: (0–3 sn) büyük bir blok: ‘14 milyar parametre · 16 bit ≈ 28 GB’. Yanında ekran kartı çerçevesi: ‘16 GB’. Blok sığmaz, kırmızı uyarı yanar. (3–9 sn) Tek bir parametre büyütülür: ‘0.73821947’ basamak kaybeder → ‘0.738’ → ‘0.74’. Blok adım adım küçülür: ‘8 bit ≈ 14 GB’, ‘4 bit ≈ 7 GB’. (9–13 sn) Blok karta sığar, kalan boşluk ‘bağlam için yer’ diye işaretlenir. Son yazı: ‘Biraz hassasiyet ver, kartına sığsın.’ Sayılar doğru olmalı (parametre × bayt).
**Ne oldu:** Video hattımızın motoru Remotion’ı bu kez osiloskop diliyle kullandık. Çizgiler @remotion/paths ile çiziliyor, titreşim @remotion/noise’dan geliyor; her şey kare numarasından hesaplanıyor. Sayılar promptta istendiği gibi parametre × bayt: 14 milyar × 2 = 28 GB, × 1 = 14 GB, × 0,5 = 7 GB; kartta 9 GB boş kalıyor (gerçekte biraz ek yük de olur). Model kendi mantığını ekledi: 8 bit zaten 16 GB’a sığdığı için kırmızı uyarı orada sönüyor. Çizim 9 saniye sürdü. Remotion videoyu tam renk aralığında ve sessiz bir ses kanalıyla verdi; yeniden kodlamak gerekti.
Kontrol şeridi: videodan eşit aralıklı 8 kare. Denetimde bu karelere bakıldı.
#### 23. Halüsinasyon
Akıcı ≠ doğru. Kitap da yazar da uydurma.
**Rehber skill:** yok, doğrudan teknoloji.
**Teknoloji:** [Rough.js](https://roughjs.com/) 4.6.6, Canvas.
**İstek (prompt):** Rough.js ile 12 saniyelik dikey (1080×1920) el çizimi bir anlatım yap. Çizgiler tohumlu olsun ki her karede titremesin; çizilme etkisi zamanla açılan maskeyle gelsin. Görsel dil: koyu yeşil kara tahta, tebeşir beyazı ve sarısı, hafif tebeşir tozu lekeleri, el yazısı font. Hikâye: (0–3 sn) tahtaya soru yazılır: ‘Mavi Ay’ın Kanunu kitabını kim yazdı?’ (kitap uydurmadır). (3–6 sn) Tebeşirden bir robot kendinden emin cevap verir: ‘Elif Demir, 1987.’ ve bir kitaba ok çizer. (6–9 sn) Kitaba yaklaşılır: sayfalar boş; üstüne büyük bir tebeşir çarpısı atılır. (9–12 sn) Robot silinip yeniden yazar: ‘Emin değilim, kaynak bulamadım.’ Son yazı: ‘Akıcı ≠ doğru.’
**Ne oldu:** Rough.js çizgileri el çizimi gibi titrek yapıyor; ama her karede yeniden çizilince titreme de değişir ve görüntü kaynar. Her şekle sabit bir tohum verince çizgiler kareden kareye aynı kaldı. “Tahtaya yazılıyor” etkisi yumuşak kenarlı bir maskeyle, silme aynı maskenin tersiyle yapıldı; maskenin ucunda tebeşir tozu düşüyor. Yazı tipinde ”≠” işaretinin olacağından emin olunamadığı için onu da Rough.js çizdi. İngilizce cevap balona sığmadı, üç satıra bölündü; son karede bir satır balonun kenarına biniyordu, kontrol karesinde görüp düzelttik.
Kontrol şeridi: videodan eşit aralıklı 8 kare. Denetimde bu karelere bakıldı.
#### 24. Skill nedir?
Kartuş takılınca robot film yapmayı öğreniyor.
**Rehber skill:** yok, doğrudan teknoloji.
**Teknoloji:** [Zdog](https://zzz.dog/) 1.1.3 (sözde 3B), Canvas.
**İstek (prompt):** Zdog ile 12 saniyelik dikey (1080×1920) sözde 3B bir anlatım yap. Görsel dil: yumuşak pastel, yuvarlak hatlı oyuncak gibi nesneler, düz gölgeleme, yavaş dönen kamera. Hikâye: (0–3 sn) yuvarlak küçük bir robot döner ve bir film yapmaya çalışır; kafasından duman çıkar. Yazı: ‘Her şeyi bilir, hiçbirini usulünce yapmaz.’ (3–7 sn) Üstünde ‘SKILL: motion’ yazan bir kartuş yukarıdan düşer ve robotun sırtına takılır, robotun gözleri yanar. (7–10 sn) Robot artık küçük bir klaket ve dönen bir film şeridi üretir. (10–12 sn) Kamera geri çekilir: rafta başka kartuşlar (‘GSAP’, ‘Remotion’, ‘Lottie’). Son yazı: ‘Skill = paketlenmiş usta işi.’
**Ne oldu:** Zdog, yuvarlak hatlı, oyuncak gibi nesneler çizen küçük bir sözde 3B kütüphanesi. Yazı çizemiyor; kartuş etiketleri her nesnenin ekrandaki izdüşümünden hesaplanıp ayrı bir 2B katmana yazıldı, kartuş kameraya döndükçe ölçekleri değişiyor. Prompt dönen bir kamera istiyordu; kartuşun robotun sırtına takıldığı görünsün diye model kamerayı hafif sallayıp robotu döndürdü. İstenen sürüm bir CDN’de yoktu, başkasından yüklendi. Bu örnek aslında turun özeti: skill, modelin bildiği ama usulünce yapamadığı bir işe takılan kartuş.
Kontrol şeridi: videodan eşit aralıklı 8 kare. Denetimde bu karelere bakıldı.
### 6. tur: Tek oturumda sekiz farklı tür
Bu turu tek bir sohbette, sırayla gelen isteklerle yaptım ve hepsini HyperFrames ile çizdik. İlk istek, önceki turlardan birinin konusunu (çoklu ajan orkestrası) bu kez HyperFrames ile, 15 saniyede anlatmaktı. Sonra İngilizce bir showreel istedim, ardından YouMind’da gördüğüm bir Three.js promptunun linkini verdim. Son olarak “üretebileceğin video türlerinin hepsini ürettin mi?” diye sordum. Claude bu sohbette henüz yapmadığı beş türü seçti: kinetik tipografi, arayüz demosu, shader döngüsü, matematik görselleştirmesi ve şeffaf zeminli bindirme. Her biri için promptu kendisi yazdı ve işi beş paralel alt ajana (Sonnet) dağıttı. Her alt ajan aynı ortak brief’i de okudu: kurallar, zorunlu denetim adımları ve bu sohbette yaşanıp ölçülmüş tuzakların listesi. Sonuçları ana oturum yeniden açıp ölçtü: döngü benzerliği, saydamlık kanalı ve asal sayımı. Ortak kurallar önceki turlarla aynı: kare yalnız zamana bağlı, yazılar en az 32 piksel, ücretli servis ve ses yok. Bu turdaki videolar tek dilli; ekran yazısının dili her örnekte yazıyor.
#### 25. Opus işi alt ajanlara böler
Büyük iş tek bağlama sığmaz: şef böler, ekip aynı anda çalışır, şef doğrular. Ekran yazısı Türkçe.
**Rehber skill:** `hyperframes-animation`, `motion-graphics` (HyperFrames).
**Teknoloji:** [HyperFrames](https://github.com/heygen-com/hyperframes), [GSAP](https://gsap.com/) 3.14 ve MotionPathPlugin, HTML ve CSS.
**İstek (prompt):** /hyperframes-animation 15 saniyelik üstün yeteneklerini gösterdiğin bi motion graphic anlatımla opusun işi alt ajanlara orkestrasyon yapacak şekilde bölmesini anlat
**Ne oldu:** Kısa bir istekti; sahneyi model kendisi kurdu ve kanalın renklerini (lacivert, mavi, amber) kullandı. ‘BÜYÜK İŞ’ bloğu ‘tek bağlam’ çerçevesine sığmıyor, çerçeve titriyor. Opus düğümünden inen bir ışın bloğu üç kesikle dörde bölüyor. Parçalar Araştır, Kodla, Render ve Ölç kartlarına iniyor, sonnet ve haiku etiketleri alıyor, halkaları farklı hızlarda doluyor. Biten her kartın sonucu bir paket olarak çizgi boyunca şefe dönüyor. Model ve görev eşleşmesi bizim gerçek kuralımızdan geliyor: kod ve araştırma sonnet’e, mekanik iş haiku’ya. HyperFrames’in denetimi iki şey yakaladı. Harf aralığını değiştiren hareketi titrediği için reddetti. ‘BÜYÜK İŞ’ yazısını dört dilimin içinde kesik kesik tutmayı da ‘örtülü metin’ saydı; yazı dilimlerin üstüne tek katman olarak alındı. Çizim 26 saniye sürdü.
Kontrol şeridi: videodan 8 kare. Denetimde bu karelere bakıldı.
#### 26. Bir motion designer’ın showreel’i
Sekiz teknik, aralarında hızlı geçişler; köşede sahne adı ve zaman kodu. Ekran yazısı İngilizce.
**Rehber skill:** `hyperframes-animation`.
**Teknoloji:** HyperFrames, GSAP 3.14, Canvas 2D (parçacıklar), CSS 3B dönüşümleri, SVG filtresi (sıvı birleşme), Bahnschrift.
**İstek (prompt):** Make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it’s your showreel for a resume. Go all out. (İstek İngilizce yazıldı.)
**Ne oldu:** Özgeçmişe konacak bir showreel gibi kurgulandı: her sahne ayrı bir beceri, köşedeki gösterge de (zaman kodu, sahne numarası ve adı) bunu açıkça söylüyor. Sırasıyla kinetik tipografi, 105 karelik ızgara dalgası, binlerce parçacıkla toplanan ‘PRECISION’ yazısı, gerçek perspektifte dönen küp ve uçan halka tüneli, sayaçlı veri grafiği, birbirine yapışan sıvı damlalar, ritmik kurgu ve logo kapanışı. Sahneler arasında eğik renk panelleri ekranı süpürüyor. İlk sürümde 22 kareye bakıp beş kusur bulduk. Çıkışta harfler maskeye takılıp kesiliyordu. Izgara köşe yazılarının üstüne taşıyordu. Renk geçişi yeşilden geçip paletten çıkıyordu. ‘FLUID’ yazısı renk karışımında bulanık bir tona dönüyordu. Kapanış alt yazıları çembere çarpıyordu. Hepsi düzeltildi. Çizim 22 saniye sürdü, video 12 MB.
Kontrol şeridi: videodan 8 kare. Denetimde bu karelere bakıldı.
#### 27. Kalem eskizinden eve
Dört aşama: ilk çizgiler, kütle, detay, bitmiş ev. Ekran yazısı İngilizce.
**Rehber skill:** `hyperframes-animation` (Three.js adaptörü).
**Teknoloji:** HyperFrames, [Three.js](https://threejs.org/) r181 WebGPURenderer (WebGL2 arka ucuyla), TSL düğüm malzemeleri, GSAP (yazı katmanı).
**İstek (prompt):** YouMind’daki bir prompt ([kaynak](https://youmind.com/video-prompts/house-growth-3d-animation-12224), @wluha): bir evin kurşun kalem eskizinden çizgi çizgi büyüdüğü; ilk çizgiler, kütle, detay ve bitmiş ev aşamalarından geçen bir 3B animasyon, Three.js ve TSL ile. Sayfanın linkini verdim, gerisini model kurdu.
**Ne oldu:** Ev kod içinde kutulardan ve çatı prizmalarından kuruldu; görsel ya da model dosyası yok. Çizgiler TSL ile doğrudan ekran kartında uzuyor: her çizginin ucu, kendi başlangıç zamanına göre başından sonuna ilerliyor. Mimari eskizdeki gibi her çizgi iki kez çiziliyor ve uçlarından taşıyor, 3B bir kalem de çizgiden çizgiye kalkarak geçiyor. Kütle aşamasında ev yüksekliğe göre kırpılarak yerden ‘basılıyor’, kesik çizgisinde turuncu bir ışık bandı yürüyor. Son aşamada renk, kapıdan başlayıp kenarı dalgalanan bir suluboya gibi yayılıyor; kâğıt zemin gün batımı göğüne dönüyor, pencerelerde ışık yanıyor. Takıldığımız yer şuydu: kareler ön izlemede doğru çıktı, ama video çizici sahnenin hazır olduğunu hiç göremedi. Sebep, Three.js’in gölgelendirici derleme adımının (compileAsync) ekran yenilemesini beklemesiydi. Yerine tek bir ısınma çizimi koyunca video 31 saniyede çizildi.
Kontrol şeridi: videodan 8 kare. Denetimde bu karelere bakıldı.
#### 28. Kinetik tipografi afişi
Model cevap verir, ajan işi bitirir: altı vuruş, her biri ayrı bir girişle. Ekran yazısı Türkçe.
**Rehber skill:** `hyperframes-animation` (`kinetic-beat-slam` kuralı).
**Teknoloji:** HyperFrames, GSAP 3.14, Bahnschrift ve Segoe UI Variable.
**İstek (prompt):** 1080×1920, 15 saniye, sessiz. Yalnız tipografi ve düz renk blokları; görsel, ikon, fotoğraf yok, hareket mesajın kendisi. Akış: ‘Bir model / cevap verir.’ · ‘Bir ajan / işi bitirir.’ · ‘Plan yapar.’ · ‘Araç kullanır.’ · ‘Sonucu kontrol eder.’ · ‘Gerekirse yeniden dener.’ · kapanışta büyük ‘OTONOM / YAPAY ZEKÂ’, altında ‘TAKİP ET’ ve ‘@otonom_yapay_zeka’, son 2,5 saniye tutulur. Stil İsviçre ve brütalist poster: dev, sıkışık Bahnschrift ile ince Segoe UI karşıtlığı, kanal paleti, arada tam ekran amber ve mavi bloklara sert kesmeler; renk değişince yazı rengi tersine döner. Her vuruşta farklı bir giriş kullan, tekrara düşme: maske içinden harf harf yükselme, yana kayarak oturma, ölçekle çarpma, satırın ortadan ikiye açılması, dağınık harflerin toplanması, bir çizginin metni silip yenisini açması. Ritim eşit olmasın, müzikal olsun. Yazılar en az 32 piksel, sağda 140 ve altta 300 piksel güvenli alan.
**Ne oldu:** Bu ve sonraki dört örnek aynı anda, beş ayrı alt ajanda üretildi. Her vuruş ayrı bir girişle geliyor: maske içinden harf harf yükselme, iki kelimenin iki yandan gelip oturması, 3,6 kat ölçekten çarpıp kısa bir sarsıntı, satırın iki kapakla ortadan açılması, harflerin dağınık konumlardan toplanması, ‘dener.’ kelimesinin üstünün çizilip bir süpürmeyle yenisinin açılması. Süreler bilerek eşit değil: 2,1 / 2,0 / 1,2 / 1,2 / 1,8 / 2,9 / 3,8 saniye. Kapanıştaki mavi kare, ilk sahnede yanıp sönen imlecin geri dönüşü. Alt ajan kare incelemesinde ‘ZEKÂ’nın şapkasının mavi bloğa girdiğini ve kapanış bandının erken göründüğünü yakalayıp düzeltti. Çizim 18 saniye sürdü, video 4,6 MB.
Kontrol şeridi: videodan 8 kare. Denetimde bu karelere bakıldı.
#### 29. Bir ajan başarısız testi düzeltiyor
Hata, okuma, düzeltme, doğrulama: kamera her adımı yakından gösteriyor. Arayüz İngilizce, başlıklar Türkçe.
**Rehber skill:** `hyperframes-animation` (`viewport-change`, `multi-phase-camera` kuralları).
**Teknoloji:** HyperFrames, GSAP 3.14, HTML ve CSS ile çizilmiş editör arayüzü, Consolas.
**İstek (prompt):** 1920×1080, 15 saniye, sessiz. Gerçekçi ama marka içermeyen koyu bir IDE ve terminal arayüzü; ajanın adı ‘agent’. Hikâye kamerayla, pencere grubuna yakınlaşıp kayarak anlatılır. (0–2,5 sn) Terminale `npm test` karakter karakter yazılır, kırmızı çıktı gelir: indirim iki kez uygulanıyor, 1 başarısız, 11 geçti; kamera hatayı yakınlaştırır. (2,5–5,5 sn) Ajan paneli dosyaları okur, satırlar tek tek tiklenir, dosya ağacında vurgulanır. (5,5–9 sn) Editörde kod açılır; silinen kırmızı satır kayarak çıkar, yeşil satır yazılır. (9–12 sn) Testler yeniden koşar, 12 test tek tek yeşil olur, sayaç ‘12 passed’ olur. (12–15 sn) Kamera geri çekilir; başlık ‘Ajan hatayı buldu, düzeltti, doğruladı.’ Bölüm başlıkları Türkçe: 01 Hata · 02 Okuma · 03 Düzeltme · 04 Doğrulama. Mikro detaylar kaliteyi belirler: imleç, sözdizimi renkleri, yumuşak kamera. Kod satırları dahil her yazı tuvalde en az 32 piksel; bu yüzden editörde az satır göster.
**Ne oldu:** Bütün arayüz HTML ve CSS ile çizildi, ekran kaydı yok. Kamera tek bir sarmalayıcının kaydırılıp büyütülmesiyle çalışıyor ve yalnız zamana bağlı. Yazma efekti ve yanıp sönen imleç de öyle olduğu için her kare tekrar üretilebiliyor. Hata gerçek bir hata: indirim tutarı iki kez düşülüyor (`return base - off - off;`), düzeltmeden sonra satır `return base - off;` oluyor. Alt ajan yedi kusuru kendisi yakalayıp düzeltti. Bunlardan biri, terminaldeki yeşil halkanın daha ilk karede görünmesiydi. Bir diğeri, silinen kırmızı satırla yazılan yeşil satırın üst üste binmesiydi. Kamera da bir yerde ajan kartındaki ‘twice’ kelimesini kesiyordu. Denetimde 438 yazının hepsi kontrast eşiğini geçti. En uzun süren iş bu oldu, yaklaşık 20 dakika. Çizim 26 saniye sürdü.
Kontrol şeridi: videodan 8 kare. Denetimde bu karelere bakıldı.
#### 30. Sonsuz döngü: mürekkep shader’ı
12 saniyede başa dönen, doğrudan ekran kartında çizilen sıvı mürekkep.
**Rehber skill:** `hyperframes-animation`.
**Teknoloji:** HyperFrames, ham WebGL2 fragment shader (GLSL), GSAP (yalnız zaman için).
**İstek (prompt):** 1080×1080, 12 saniye, sessiz. Kusursuz döngü: ilk kare ile 12. saniye birebir aynı olmalı; zamanı periyodik kullan (açı = 2π·t/12, gürültüye çember üzerinde bir ofsetle gir). Tam ekran WebGL2 fragment shader, çizim yalnız zamana bağlı. Görsel: suda dağılan mürekkep ya da sıvı mermer; gürültünün içine gürültü (domain warping), ince ipeksi çizgiler, derinlik hissi. Palet mercan #ff5a36, menekşe #8b5cf6, mavi #3d6bff, koyu zemin #07070a, beyaza yakın ışıltılar. Kare bazlı, tohumlu hafif film greni ve kenar karartması. Döngüyü kanıtla: ilk ve son kareyi çıkarıp karşılaştır, sonucu yaz.
**Ne oldu:** Görüntünün tamamı tek bir fragment shader. Gürültünün içine gürültü üç kat iç içe giriyor; ince eş yükselti çizgileri, ışık için yüzey eğimi ve kare bazlı film greni ekleniyor. Döngü için zaman doğrudan kullanılmıyor: gürültü uzayında bir çember çiziliyor, 12. saniyede her şey başa dönüyor. Bunu ölçtük. İki kareyi hafifçe bulanıklaştırıp benzerliklerini desibelle (PSNR) karşılaştırdık; değer ne kadar yüksekse kareler o kadar benzer. Son kare ile ilk kare arasında 27,6 dB çıktı; birbirini izleyen iki kare arasındaki fark da aynı düzeyde, 27,8 dB. Videonun ortasındaki bir kare ise çok farklı, 14,6 dB. Yani dikiş, sıradan bir kare geçişinden farksız. İlk sürüm mürekkepten çok lavaya benziyordu; bükülme ve gürültü şiddeti azaltıldı. Gren sıkıştırmayı zorladı: kaynak video 72 MB çıktı, ikinci kodlamayla 14,6 MB’a indi.
Kontrol şeridi: videodan 8 kare. Denetimde bu karelere bakıldı.
#### 31. Ulam spirali: asallar köşegende
Sayılar spirale dizilince asallar köşegenlerde toplanıyor; ekrandaki her sayı kodda hesaplandı. Ekran yazısı Türkçe.
**Rehber skill:** `hyperframes-animation` (`viewport-change` kuralı).
**Teknoloji:** HyperFrames, GSAP 3.14, Canvas 2D, Eratosthenes eleği (JavaScript).
**İstek (prompt):** 1080×1920, 15 saniye, sessiz, Türkçe ekran yazısı. Doğruluk kuralı: ekrandaki her sayı kodda hesaplanır (Eratosthenes eleği), elle yazılmaz. (0–3 sn) Merkezde 1, sayılar kare spiral boyunca yerleşir, 1–49 okunur, asallar amber parlar: ‘Sayıları spirale diz… asalları boya.’ (3–7 sn) Kamera geri çekilir, rakamlar kaybolur, hücreler noktaya döner, spiral 10.000’e büyür. (7–11 sn) Köşegen desenler ortaya çıkar, bazı köşegenler vurgulanır (örneğin n²+n+41 Euler polinomu); ‘Asallar köşegenlerde toplanıyor.’ ve kodda sayılan ‘1–10.000 arası: 1.229 asal’ sayacı. (11–15 sn) Spiral nefes alır gibi parlar: ‘Kimse tam nedenini bilmiyor.’ Bilimsel doğruluk: desenin bir kısmı bazı polinomlarla açıklanır ama genel desen tam açıklanmış değil; daha güçlü bir iddia yazma.
**Ne oldu:** Ekrandaki sayıların hiçbiri elle yazılmadı. Elek 1–10.000 arasında 1.229 asal saydı; bu, bilinen değerle aynı. Kamera logaritmik ölçekle 49 sayıdan 10.000 sayıya geri çekiliyor, rakamlar kayboluyor, hücreler noktaya dönüyor. Prompt örnek olarak Euler’in n²+n+41 polinomunu önermişti. Alt ajan bu polinomun asallarının, spiral 1’den başladığında düz bir köşegen oluşturmadığını kodda ölçtü ve onu kullanmadı. Dağınık noktaları ‘köşegen’ diye göstermek yanlış olurdu. Onun yerine veriden en yoğun köşegenleri seçti: en yoğunu 83 hücrenin 40’ı asal, yani %48,2. Kapanış cümlesi bilerek temkinli: bu yoğunlaşmaların bir kısmı bazı polinomlarla açıklanıyor, ama genel desen kanıtlanmış değil (Hardy–Littlewood varsayımı hâlâ açık). İlk denetimde maske içinden yükselen başlıklar ‘örtülü metin’ sayıldı; girişler saydamlık ve kaydırmayla yeniden yapıldı.
Kontrol şeridi: videodan 8 kare. Denetimde bu karelere bakıldı.
#### 32. Şeffaf zeminli alt bant
Videoların üstüne konacak bir katman. Burada izlenebilsin diye gri zemin üstünde gösteriliyor.
**Rehber skill:** `hyperframes-cli` (şeffaf render).
**Teknoloji:** HyperFrames, GSAP 3.14, ProRes 4444 (.mov) ve saydamlık kanallı VP9 (.webm), FFmpeg.
**İstek (prompt):** 1920×1080, 8 saniye. Zemin tamamen şeffaf olacak; videonun üstüne konacak bir katman. Önce şeffaf render bölümünü oku, saydamlık kanalının gerçekten çıktığını kanıtla. Sol altta alt bant: 0,3 saniyede girer, yaklaşık 5 saniye tutar, 7,2 saniyede çıkar. Üst satır ‘@otonom_yapay_zeka’, alt satır ‘Yapay zekâ ajanları · kıyaslamalı anlatım’. Giriş: amber dikey çubuk büyür, koyu yarı saydam panel maske içinden açılır, yazılar maskeden yükselir; çıkış tersine ve hızlı. Sağ üstte 2,0 saniyede ‘TAKİP ET’ rozeti yaylanarak belirir, üstünden bir parıltı geçer, 6,8 saniyede küçülerek kaybolur. Kenarlardan en az 80 piksel içeride. İzlemek için şeffaf dosyayı koyu gri bir zemine bindirip ayrı bir kopya üret.
**Ne oldu:** Bu bir video değil, video üstüne konacak bir katman; zemin tamamen saydam. HyperFrames aynı sahneyi iki biçimde verdi: ProRes 4444 .mov (62 MB) ve VP9 .webm (1,4 MB), ikisi de saydamlık kanallı. Saydamlığı piksel düzeyinde ölçtük. İlk ve son kare tamamen saydam. Panelin saydamlık değeri 0,82, ekranın geri kalanı sıfır. Alt ajan ilk çizimde rozet halkasının daha ilk karede göründüğünü de bu ölçümle yakaladı (ilk karede 2.648 dolu piksel) ve düzeltti. Bir tuzak var: .webm dosyasının saydamlığını FFmpeg ancak libvpx çözücüsüyle açınca görüyor, varsayılan çözücü bu kanalı yok sayıyor. Sayfadaki video, saydam dosyanın gri zemine bindirilmiş izleme kopyası.
Kontrol şeridi: videodan 8 kare. Denetimde bu karelere bakıldı.
### Bu denemelerden çıkardıklarım
- **Kurallar ve denetim, komuttan daha çok iş görüyor.** Kare yalnız zamana bağlı olunca her hata tek karede bulunup düzeltilebiliyor.
- **Sayaç sıfır olsa da göz şart.** Kontrast, simgenin yazının üstüne binmesi, fizikteki görünmez engel sayaçlara görünmedi.
- **Tekrar sinsidir.** Her sahne tek başına iyi görünürken art arda izleyince aynı kalıp ortaya çıktı. Artık her yeni sahnede renk, yerleşim, öğe ve teknolojinin öncekilerden farklı olup olmadığına bakıyorum.
- **Ücretsiz kütüphaneler yetiyor.** Bu sayfadaki 32 örneğin hepsi kodla ve ücretsiz kütüphanelerle yapıldı; ücretli bir servise ihtiyaç duymadık.
- **Daha ucuz model sorusu açık.** Tarif ve denetim bir kez oturunca benzer sahneleri daha ucuz bir modelin üretebileceğini düşünüyorum, ama bunu henüz denemedim.
- **Skill çizimi değil, usulü veriyor.** HyperFrames ve Remotion skill’lerinin denetim komutları hataları baştan yakaladı; archify’ın çıktısı videoya uymadı ama teması ve doğruluk denetimi işe yaradı. Skill’siz örneklerde (p5.js, Rough.js, Zdog, Lottie) aynı usulü prompta ben yazdım.
- **Hazır blok hızlı ama dar.** Katalogdaki bir blok tek komutla kuruldu ve sinematik bir açılış verdi; ama renk, alt satır ve süre değişkenlerde yoktu, blok dışından tamamlamak gerekti.
- **Ortak brief, paralel alt ajanı işe yarar kılıyor.** Beş videoyu beş alt ajan aynı anda üretti. Her birine bu sohbette ölçülmüş tuzakları tek dosyada verdim; kendi kusurlarını kare inceleyerek kendileri buldular. Ama sonuçları yine ana oturumda açıp ölçtüm.
- **Kanıt türe göre değişiyor.** Döngü için ilk ve son karenin benzerliği, bindirme için saydamlık kanalı, matematik için kodda sayım, 3B sahne için gerçek videodan alınan kare. Her türün “oldu” demeden önce ölçülecek kendi şeyi var.
## Kendin denemek istersen
- **Önce son kareyi çizdir.** Animasyon bittiğinde ekranda ne duracağını onayla; hareketi sonra ekle. Durağan kareyi düzeltmek, videoyu düzeltmekten çok daha ucuz.
- **Kareyi zamana bağla.** Her kare yalnız saniyeden hesaplansın; aynı saniye her seferinde aynı kareyi versin.
- **Sayacı yaz, sonra yine de bak.** Taşma ve küçük yazı sayacı işin yarısını yakalıyor; kalanını kontrol karesinde gözün buluyor.
## Başkalarının derlemeleri: prompt’larıyla örnekler
Benim denemelerimden çok daha iddialı işler var. Aşağıdakileri gördükçe topluyorum; çoğunda videonun yanında onu üreten prompt da duruyor.
**Prompt’larıyla örnek arşivleri**
- [Skillry — Opus 5.5 videoları](https://skillry.dev/ai-videos/opus-5-5): yüzlerce video, her birinin prompt’u ve yeniden yapımı; hareketli grafik, açıklayıcı, 3B gibi türlere göre süzülebiliyor.
- [revid.ai — Claude Opus 5.5 hareketli grafik örnekleri](https://www.revid.ai/claude-motion-graphics): videolar ve prompt’ları bir arada.
- [YouMind — Opus 5.5 motion graphics prompt’ları](https://youmind.com/opus-5-5-prompts): kopyalanıp uyarlanabilecek prompt listesi.
- [Jason Zhu — Claude 5.5 prompt kütüphanesi](https://jasonzhu.ai/en/prompts/claude-opus-5-5): video, hareket, 3B ve oyun prompt’ları ayrı sayfalarda.
- [awesome-opus-5.5-video (GitHub, zhuyansen)](https://github.com/zhuyansen/awesome-opus-5.5-video): türlerine ayrılmış geniş bir koleksiyon; bir kısmının prompt’u da var.
- [awesome-opus5-5-videos (GitHub, yihui-dev)](https://github.com/yihui-dev/awesome-opus5-5-videos): prompt dosyaları ve orijinal paylaşımların linkleri.
- [opus-video-prompts (GitHub, joeseesun)](https://github.com/joeseesun/opus-video-prompts): kopyala-yapıştır hazır prompt koleksiyonu.
**Nasıl yapıldığını anlatan yazılar**
- [iArt.ai — Claude motion graphics: 5 Opus 5.5 prompt’u](https://www.iart.ai/blog/claude-motion-graphics): beş türün (vitrin, logo, kinetik yazı, 3B döngü, veri hikâyesi) tam prompt’u ve ne çıktığı.
- [AI Blew My Mind — Claude Opus 5.5 ile video: 10+ örnek](https://aiblewmymind.substack.com/p/claude-opus-5-5-video-animations): örnekler ve her birinin prompt’u.
- [Ciyo — tek prompt’luk hareketli grafikler nasıl yapılıyor](https://ciyo.ai/blog/opus-5-5-video-motion-graphics-guide): “tek satırlık vitrin” prompt’unun çözümlemesi.
- [OmniaKey — Opus 5.5 ile video](https://omniakey.com/blog/claude-opus-5-5-video): iş akışı ve örnek prompt’lar.
- [Medium — içerik üreticileri için Opus 5.5 prompt kütüphanesi](https://medium.com/@nr7670/opus-5-5-prompt-library-for-creators-motion-graphics-ai-video-ca43a6d562ad): tekrar kullanılabilir prompt kalıpları; yazı bir prompt uygulamasının tanıtımını da içeriyor.
**HyperFrames ile yapılanlar**
- [HyperFrames vitrini](https://hyperframes.app/showcases): uygulama tanıtımı, grafik, harita gibi hazır kompozisyon örnekleri.
Bu listeyi yeni ve güzel örnekler gördükçe güncelleyeceğim.
## Sıkça Sorulan Sorular
### Claude Opus video üretiyor mu?
Hayır. Model video dosyası vermez, yazı üretir. O yazı, bir karenin nasıl görüneceğini çizen bir program olur; programı her kare için çalıştırıp kareleri birleştirince video çıkar.
### Videodaki kare her seferinde aynı çıkıyor mu?
Evet, çünkü kare yalnızca zamana bağlı. Saat, zamanlayıcı ya da her çalışmada değişen rastgelelik yok; aynı saniyedeki kare hep aynı çıkıyor.
### Hataları nasıl buluyorsun?
Her denemede, yazının panelden taştığını, başka yazıyla üst üste bindiğini ya da çok küçük kaldığını sayan bir denetim çalıştırıyorum. Ama sayaç yetmedi; okunmayan sayı gibi bazı hataları kontrol karelerine gözle bakınca buldum.
### Bu denemeler güzel örnek mi?
Bunu iddia etmiyorum. Yapmışken fikir versin diye prompt’larıyla ve takıldığımız yerlerle birlikte paylaşıyorum.
[Başa dön ↑](https://oguzerol.com/otonom_yapay_zeka/sadece_claude_opus_ile_hareketli_grafik/#icerik)
## Yapay zekâ hakkındaki içerikler için takip edin
- [YouTube@otonom_yapay_zeka(yeni sekmede açılır)](https://www.youtube.com/@otonom_yapay_zeka)
- [Instagram@otonom_yapay_zeka(yeni sekmede açılır)](https://www.instagram.com/otonom_yapay_zeka/)
- [Facebook@otonom.yapay.zeka(yeni sekmede açılır)](https://www.facebook.com/otonom.yapay.zeka/)
- [X@OtonomYapayZeka(yeni sekmede açılır)](https://x.com/OtonomYapayZeka)
- [TikTok@otonom_yapay_zeka(yeni sekmede açılır)](https://www.tiktok.com/@otonom_yapay_zeka)
- [WhatsApp+90 850 304 43 65(yeni sekmede açılır)](https://wa.me/908503044365)
## Diğer videolar
- [16 GB Ekran Kartı ile Lokalde Yapay Zeka Çalışır mı?8 Ekim 20262:42](https://oguzerol.com/otonom_yapay_zeka/16_gb_ekran_karti_ile_lokalde_yapay_zeka/)
- [Müşteri Gece Yazdı, Sabah Talep Hazırdı: WhatsApp Nöbetçisi26 Eylül 20262:48](https://oguzerol.com/otonom_yapay_zeka/musteri_gece_yazdi_sabah_talep_hazirdi/)
- [Yapay Zekâya Yolu Değil Adresi Ver: Hangi İş Hangi Modele26 Eylül 20262:49](https://oguzerol.com/otonom_yapay_zeka/yapay_zekaya_yolu_degil_adresi_ver/)
- [Excel ve Sheets'i Veritabanı Gibi Kullanmayın: Web Uygulaması22 Eylül 20262:40](https://oguzerol.com/otonom_yapay_zeka/excel_google_sheets_veritabani_gibi_kullanmayin/)
- [ADHD Beynine Araçlar Sonunda Yetişti: Dağınık Kafa ve Ajan22 Eylül 20262:49](https://oguzerol.com/otonom_yapay_zeka/adhd_beynine_araclar_yetisti/)
- [Yapay Zeka Kendi Hatasını Düzeltir mi? Kontrol Etmek Yetmez19 Eylül 20262:51](https://oguzerol.com/otonom_yapay_zeka/yapay_zeka_kendi_hatasini_duzeltir_mi/)
- [OpenRouter ve Hugging Face Model Değil: Modele Ulaşmanın Üç Yolu18 Eylül 20262:53](https://oguzerol.com/otonom_yapay_zeka/openrouter_hugging_face_uc_yol/)
- [Yapay Zeka Ajanı Nasıl Çalışır? Aynı Model, Farklı Sonuç13 Eylül 20262:52](https://oguzerol.com/otonom_yapay_zeka/yapay_zeka_ajani_nasil_calisir/)
- [İnşaat Sektöründe Yapay Zeka Ajanları: Proje Ofisinde 5 Katman6 Eylül 20262:35](https://oguzerol.com/otonom_yapay_zeka/insaat_sektorunde_yapay_zeka_ajanlari/)