A 12-second frameword promo
“Make a 12-second vertical frameword promo from scratch. Turkish voiceover: 'Kurguyu anlat. Claude yapsın. Render senin Mac'inde.' Three scenes: a title that builds word by word on a dark background, a timeline drawn on canvas that fills as the words are spoken, then the frameword logo (logo.svg in Media) with 'macOS için' under it. Land each scene on its spoken word, add a whoosh on each transition and a calm ambient bed underneath. Make the last frame lead back into the first so it loops.”Show original
“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.”
Iterated over several turns with frame checks, not a one-shot run.
- get_guide{}4 ms succeeded
- create_project{"name": "frameword tanıtım", "format": "9:16", "fps": 30, "durationSeconds": 12, "background": {"colors": ["#121216", "#0B0B0D"], "style…7 ms succeeded
- import_media{"paths": ["…/brand/logo.svg"], "addToTimeline": false, "transcribe": false}11 ms failedunsupported media: logo.svg: Cannot Open
- generate_voiceover{"text": "Kurguyu anlat.", "language": "tr", "at": {"seconds": 0.55}, "waitSeconds": 60}478 ms succeeded
- generate_voiceover{"text": "Klod yapsın.", "language": "tr", "at": {"seconds": 4.35}, "waitSeconds": 60}362 ms succeeded
- generate_voiceover{"text": "Render senin Mek'inde.", "language": "tr", "at": {"seconds": 8.3}, "waitSeconds": 60}363 ms succeeded
- get_project{}4 ms succeeded
- correct_transcript{"edits": [{"wordId": "w3", "text": "Claude"}, {"wordId": "w7", "text": "Mac'inde."}]}3 ms succeeded
- get_transcript{"format": "words"}1 ms succeeded
- list_components{"category": "transition"}2 ms succeeded
- list_components{"category": "transition"}1 ms succeeded
- list_components{"componentId": "whipPan"}1 ms succeeded
- put_code_overlay{"name": "promo baslik", "manifest": {"format": 1, "title": "Promo scene 1: title built word by word", "width": 1080, "height": 1920, "du…440 ms succeeded
- put_code_overlay{"name": "promo zaman cizelgesi", "manifest": {"format": 1, "title": "Promo scene 2: a timeline drawn on canvas that fills as the words a…291 ms succeeded
- put_code_overlay{"name": "promo logo", "manifest": {"format": 1, "title": "Promo scene 3: logo, wordmark, macOS için", "width": 1080, "height": 1920, "du…219 ms succeeded
- get_project{}1 ms succeeded
- apply_edits{"label": "Üç sahne", "ifRevision": 11, "edits": [{"tool": "add_scene", "arguments": {"componentId": "codeOverlay_promoBaslik", "start": …1279 ms succeeded
- get_scenes{}3 ms succeeded
- get_project{}3 ms succeeded
- generate_audio{"kind": "music", "preset": "ambientPad", "params": {"energy": 0.35, "brightness": 0.45, "space": 0.7}, "duration": 12, "at": {"seconds":…105 ms succeeded
- generate_audio{"kind": "sfx", "preset": "whoosh", "at": {"seconds": 3.697}, "seed": 11, "gainDB": -5, "waitSeconds": 60}108 ms succeeded
- generate_audio{"kind": "sfx", "preset": "whoosh", "at": {"seconds": 7.65}, "seed": 23, "gainDB": -5, "waitSeconds": 60}108 ms succeeded
- get_audio_summary{}1 ms succeeded
- update_audio{"eventId": "aud_ufcpgy3g", "fadeIn": 0.6, "ifRevision": 15}3 ms succeeded
- render_preview_frame{"time": 1.3, "maxWidth": 540}246 ms succeeded
- render_preview_frame{"time": 2.4, "maxWidth": 540}36 ms succeeded
- render_preview_frame{"time": 3.95, "maxWidth": 540}34 ms succeeded
- render_preview_frame{"time": 4.15, "maxWidth": 540}187 ms succeeded
- render_preview_frame{"time": 5.2, "maxWidth": 540}102 ms succeeded
- render_preview_frame{"time": 7.2, "maxWidth": 540}110 ms succeeded
- render_preview_frame{"time": 8.1, "maxWidth": 540}218 ms succeeded
- render_preview_frame{"time": 8.6, "maxWidth": 540}92 ms succeeded
- render_preview_frame{"time": 9.6, "maxWidth": 540}47 ms succeeded
- render_preview_frame{"time": 11.0, "maxWidth": 540}40 ms succeeded
- render_preview_frame{"time": 11.9, "maxWidth": 540}33 ms succeeded
- put_code_overlay{"name": "promo baslik", "manifest": {"format": 1, "title": "Promo scene 1: title built word by word", "width": 1080, "height": 1920, "du…253 ms succeeded
- render_preview_frame{"time": 2.4, "maxWidth": 540}136 ms succeeded
- export{"codec": "h264", "waitSeconds": 60}2698 ms succeeded
- export_subtitles{"format": "vtt"}2 ms succeeded
Loading code…
- Format
- 9:16 · 1080×1920 · 30 fps · 12 s
- Technique
- from-scratch scene sequence (TR voiceover, GSAP + canvas scenes, procedural music, SFX)
- Model
- Claude Opus 5.5 · Claude Code agent over frameword's MCP (site production, not claude -p)
- Tool calls
- 39
- Rendered on
- MacBook Pro (Mac16,7), Apple M4 Pro, 24 GB, macOS 26.5.2
- Codec
- h264
- Loudness
- -14.1 LUFS
- frameword
- 0.5.0
- Date
- 2026-10-09
How it was made
Rendered by frameword 0.5.0 (headless frameword-server, release build of this repo at ceb7495) through its MCP tools. The scene code and the tool calls were written by the Claude Code agent (Claude Opus 5.5) that produced this site, following this prompt over several turns with frame checks. It is not a one-shot `claude -p` run of the prompt.
Notes
- Voice: macOS system voice Yelda (tr-TR, default quality; no Enhanced/Premium voice installed). Three generate_voiceover calls at 0.55 / 4.35 / 8.3 s.
- The voice text was spelled 'Klod' and 'Mek'inde' for pronunciation, then correct_transcript set the words to 'Claude' and 'Mac'inde.' (same word ids and timings), so captions and the scenes read the real spelling.
- logo.svg could not be added to Media: import_media refuses SVG ('unsupported media: logo.svg'). It is passed to scene 3 as an overlay asset instead (assets/logo.svg = the icon's letter + bar layers).
- Scenes anchored to words: scene 2 starts at 'Claude' −0.32 s, scene 3 at 'Render' −0.3 s; transitions whipPan (0.4 s, up) and zoomBlur (0.45 s); whooshes 0.35 s before each cut; ambientPad bed with 0.6 s fade-in and 1.5 s fade-out.
- Loop: scene 3 fades back to the bare background that scene 1 opens on.
More like this
Video unavailable
Kinetic type on a Turkish voiceover
“In a blank 9:16 project, read this as a Turkish voiceover: 'Elinde görüntü yok mu? Dert etme. Anlat, gerisini Mac'in halletsin.' Bring each word on screen the moment it's spoken: uppercase, bold, centered, with 'Mac'in' in blue (#4A9BF0). Dark background with a slowly drifting gradient. Keep it under 8 seconds and bring the background back to the first frame after the last word.”Show original
“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 unavailable
A counter that starts on the spoken number
“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.”Show original
“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.”
Video unavailable
3D year on a spoken word
“In a blank 16:9 project, voice the Turkish line 'Yeni sezon 2026'da başlıyor.' When '2026' is spoken, a glowing 3D '2026' spins in with three.js, then breaks apart into particles. Dark navy background.”Show original
“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.”