İçeriğe geç
frameword
ÖrneklerNasıl çalışırClaude
ENTR
İndir
ÖrneklerNasıl çalışırClaude
ENTR
← Tüm parçalar

FW-03 · 9:16 · 6 sn · kelimede GSAP sayaç

Söylenen sayıda başlayan sayaç

İstek · TR · Aslı
“9:16 boş bir projede 'Bu ay izlenmeler yüzde kırk iki arttı.' cümlesini seslendir. 'Yüzde kırk iki' dendiği anda ekranın üst yarısında 0'dan %42'ye sayan büyük bir sayaç çıksın, altında küçük harflerle 'izlenme artışı' yazsın. Türkçe sayı biçimini kullan, sayaç durunca hafifçe zıplasın.”
Türkçe çevirisi

“In a blank 9:16 project, voice the Turkish line 'Bu ay izlenmeler yüzde kırk iki arttı.' The moment 'yüzde kırk iki' is spoken, a big counter in the top half counts from 0 to %42, with 'izlenme artışı' in small type under it. Use Turkish number formatting and give the counter a small bounce when it lands.”

Tek seferde değil, kare kontrolleriyle birkaç turda yapıldı.

  1. get_guide{}2 ms ✓başarılı
  2. create_project{"name": "İzlenme artışı", "format": "9:16", "fps": 30, "durationSeconds": 6, "background": {"colors": ["#0E0E10", "#17181C"], "style": "…4 ms ✓başarılı
  3. generate_voiceover{"text": "Bu ay izlenmeler %42 arttı.", "language": "tr", "at": {"seconds": 0.4}, "waitSeconds": 60}476 ms ✓başarılı
  4. find_in_transcript{"kind": "number"}1 ms ✓başarılı
  5. list_components{"componentId": "captions"}2 ms ✓başarılı
  6. put_code_overlay{"name": "izlenme sayaci", "manifest": {"format": 1, "title": "Spoken-number counter", "width": 1000, "height": 820, "duration": 4.4, "lo…455 ms ✓başarılı
  7. get_project{}3 ms ✓başarılı
  8. apply_edits{"label": "Sayaç ve altyazı", "ifRevision": 4, "edits": [{"tool": "add_component", "arguments": {"componentId": "codeOverlay_izlenmeSayac…192 ms ✓başarılı
  9. update_code_overlay{"componentId": "codeOverlay_izlenmeSayaci"}204 ms ✓başarılı
  10. render_preview_frame{"time": 1.0, "maxWidth": 540}223 ms ✓başarılı
  11. render_preview_frame{"time": 1.9, "maxWidth": 540}144 ms ✓başarılı
  12. render_preview_frame{"time": 2.65, "maxWidth": 540}48 ms ✓başarılı
  13. render_preview_frame{"time": 4.2, "maxWidth": 540}29 ms ✓başarılı
  14. update_component{"instanceId": "cmp_4d1w4f85", "params": {"fontSize": 72}}5 ms ✓başarılı
  15. export{"codec": "h264", "waitSeconds": 60}944 ms ✓başarılı
  16. export_subtitles{"format": "vtt"}1 ms ✓başarılı

Kod yükleniyor…

Biçim
9:16 · 1080×1920 · 30 fps · 6 sn
Teknik
code overlay (GSAP) anchored to a spoken number
Model
Claude Opus 5.5 · Claude Code agent over frameword's MCP (site production, not claude -p)
Araç çağrısı
16
Render edildiği Mac
MacBook Pro (Mac16,7), Apple M4 Pro, 24 GB, macOS 26.5.2
Codec
h264
Ses seviyesi
-14 LUFS
frameword
0.5.0
Tarih
2026-10-09

Nasıl yapıldı

frameword 0.5.0 ile render edildi (bu deponun ceb7495 sürümünden derlenmiş headless frameword-server, MCP araçlarıyla). Sahne kodunu ve araç çağrılarını, bu siteyi hazırlayan Claude Code ajanı (Claude Opus 5.5) bu isteğe göre, kare kontrolleriyle birkaç turda yazdı. İsteğin tek seferlik bir `claude -p` koşusu değil.

Notlar

  • Ses: macOS sistem sesi Yelda (tr-TR, varsayılan kalite). Metin, kılavuzun önerdiği gibi '%42' diye yazıldı: ses 'yüzde kırk iki' diyor, transkript rakamları koruyor, find_in_transcript {kind: number} de sayıyı buluyor (kind percent, value 42).
  • Sayaç start {wordId: w4, offset: −0.35} ile yerleştirildi. Sayı söylenirken sayıyor, kelime biterken yaylanarak duruyor.
  • İstekte olmayan bir ekleme: ses kapalıyken de eşleme anlaşılsın diye yerleşik altyazı (highlight stili, o anki kelime #1F6FD1 renkli kutuda).

Dışa aktarımın kalite notları (İngilizce, olduğu gibi)

  • readability (codeOverlay_izlenmeSayaci): 0.35 s after the overlay starts (word w4) and 0.3 s later the content is turned ~41° from its final pose and it is still animating in: the key content must be readable within 0.3 s of its word — start the entrance earlier (a more negative start offset) or make it shorter / less rotated by then
Sesli MP4 ↓
ÖncekiTürkçe seslendirmeye kinetik yazıSonrakiSöylenen yılda 3D yazı

Benzerleri

Video yüklenemedi

FW-01 · 12 sn · seslendirme + GSAP

12 saniyelik frameword tanıtımı

İstek
“Sıfırdan 12 saniyelik dikey bir frameword tanıtımı yap. Türkçe seslendirme şu olsun: 'Kurguyu anlat. Claude yapsın. Render senin Mac'inde.' Üç sahne olsun: ilkinde koyu zemin üstünde kelime kelime kurulan bir başlık, ikincisinde canvas'ta çizilen ve kelimeler söylendikçe dolan bir zaman çizelgesi, üçüncüsünde frameword logosu (Medya'daki logo.svg) ve altında 'macOS için' yazısı. Her sahne söylendiği kelimeye otursun, geçişlerde whoosh, altta sakin bir ambient müzik olsun. Son kare ilk kareye bağlansın ki döngü gibi aksın.”

Video yüklenemedi

FW-02 · 7 sn · seslendirme + kinetik yazı

Türkçe seslendirmeye kinetik yazı

İstek
“Boş bir 9:16 projede şu metni Türkçe seslendir: 'Elinde görüntü yok mu? Dert etme. Anlat, gerisini Mac'in halletsin.' Her kelime söylendiği anda ekrana gelsin: büyük harfle, kalın, ortada. 'Mac'in' kelimesi mavi (#4A9BF0) olsun. Zemin koyu, hafifçe kayan bir gradyan. 8 saniyeyi geçmesin, son kelimeden sonra zemin ilk kareye dönsün.”

Video yüklenemedi

FW-04 · 4 sn · kelimede three.js

Söylenen yılda 3D yazı

İstek
“Boş bir 16:9 projede 'Yeni sezon 2026'da başlıyor.' cümlesini seslendir. '2026' denildiği anda ekrana three.js ile 3D dönen, parlayan bir 2026 yazısı çıksın, sonra parçacıklarla dağılsın. Zemin koyu lacivert olsun.”
frameword

Claude için macOS video editörü

Ürün

  • İndir
  • Örnekler
  • SSS

Proje

  • Gizlilik
  • llms.txt

Geliştiren: Abdullah Faruk Çiftler · v0.6.0 · Çerez yok, analiz aracı yok.

ENTR

Claude, Anthropic'in ticari markasıdır. frameword bağımsız bir projedir, Anthropic ile bağlantısı yoktur ve Anthropic tarafından onaylanmamıştır. Mac ve macOS, Apple Inc.'in ticari markalarıdır.