Frame by Frame逐幀：用 Claude 寫程式做影片

做一支 15 秒的動態圖形影片，展示你作為動效設計師有多厲害，
就當它是你履歷裡的作品集。拿出全部本事。

整體很好，幫我修四個細節再重新輸出 final.mp4 和 poster.jpg：
1. 節奏段五顆點賽跑時，游標上方的「t 0.xx s」讀數被動態模糊抹成一團灰，看不出數字。讓這個讀數的位置也只用整格時間計算，或乾脆把讀數和虛線游標畫在動態模糊之外（跟 HUD 一樣最後才疊上去），確保每一格數字都清楚。
2. 開場藍橘色塊掃過時，邊緣模糊放大看是一階一階的條紋。把子取樣數拉高（例如 48 以上，可以只在轉場那幾格拉高），或把色塊速度放慢一點，讓模糊變成平滑漸層。
3. 收尾卡太趕：讓標語和署名提早約 0.5 秒出完，最後至少留 1.2 秒完全靜止的畫面；「全部畫面皆以程式碼逐格生成」那行字放大到 18px 左右、不透明度提高到 80% 以上，要在一秒內讀得完。
4. 主標語「每一格，都有意圖。」拿掉結尾的句號，逗號改成半寬處理（縮小它佔的寬度），讓整行視覺上真正置中；封面那格也一起更新。
改完後每一段轉場抽連續 8 格給我看，並放大確認第 1、2 點真的修好。

make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out.

做一支 15 秒、充滿動感的動態圖形（motion graphics）影片，展現你是多厲害的動效設計師，就當成放進履歷的作品集影片。全力以赴。

做一支 16:9、60 秒的動態圖形作品集，展示你真正的創作上限。
音效要高級，不要廉價的合成器鋪底。用程式碼寫一段原創鋼琴曲，每一次切鏡都卡在音樂上。匯出 1080p MP4。

做一支 10 秒的動態圖形影片，介紹你自己。
不要在角落放小字，不要加畫框，這些是 AI 影片最常見的破綻。

用做作品集的勁頭，講一個故事：[主題] 從 [起點] 到今天的歷史。
分鏡你來定，給我驚喜。45 秒，直式 9:16。

假設你是一家專門給創業公司做品牌的小工作室，做一支 30 秒的作品集。
所有圖形從零畫起，只用一種強調色，每個鏡頭用一種不同的技巧。

幫我做一個教學影片，素材（Markdown 檔案）和 Gemini API Key（.env 檔案）都在目前的資料夾裡。使用 JS + Canvas 繪製，手繪卡通風格，有動效，配音使用 Gemini 3.8 Flash TTS。要通俗易懂，開頭要吸引人，看完有收穫。

做一支 10 秒彩色皮影戲，講【曹沖稱象】。剪影佈局，暖光透背，關節式偶戲。依次出現秤盤、銅碗、石頭，先平衡，再把石頭分批稱、加起來。字幕卡點出現。用程式碼渲染，匯出可播放影片。

做一支 12 秒等距 2.5D 流程動畫，講【快遞怎麼分揀】。包裹沿分揀線、貨臺、平板運輸、清關關卡移動，每步編號標籤，最後雙線匯成一條。乾淨、可跟讀。

做一支 10 秒比例尺對比，把【地球、木星、太陽】按真實半徑放在同一個畫面。鏡頭平滑拉遠，第一個物體縮小，點題「太陽底下約有 130 萬個地球」。數字標註清晰。

結尾太趕了，「太陽底下，約有 130 萬個地球」和下面那行小字還沒看完片子就結束。總長維持 10 秒，請重新分配時間：開場地球特寫縮到約 1 秒，兩段拉遠各壓到約 2.5 秒，太陽標籤在 6.8 秒左右就出現並先停一下，點題大字在 7.3 秒前完全顯示，下面小字在 7.6 秒前完全顯示，讓點題畫面完整、靜止停留至少 2.5 秒到片尾。拉遠一樣要平滑，比例和數字都不要動。改完重新輸出 final.mp4 和 poster.jpg，並抽 7 到 10 秒每 0.25 秒一張確認點題完整停留的時間。

做一支 10 秒白板手繪。白底黑馬克筆一筆筆畫出【火柴人連甩 5 個包子】，紅色只強調關鍵點。滿足感粒子一顆比一顆大，最後角落畫滿。字幕：第 1 個，滿足感拉滿。

做一支 10 秒 WebGL 電影感漢字演變，主題【火】。龜甲、青銅、墨跡、火光質感。「火」從甲骨到閃電、火把，再到現代照明，形態連續變形，對應炎、烈、焰。

用 three.js 做一支 12 秒爆炸圖，拆解【一部手機】。外殼、中框、晶片分層炸開，鏡頭環繞拉近，零件用虛線引出標註。可換成任何結構。

做一支 10 秒 16 位元像素風典故，講【黃粱一夢】。取象、中舉、治河、出征，每段約 1.6 秒硬切，最後回到現實。字幕：第二年，考中進士，當上了官。

做一支 10 秒繪本風科普，講【小金魚怎麼游】。蠟筆線加鉛筆塗色，線條抖動，眼睛、鰓、尾鰭對稱，尾巴跟著節拍擺。紙本質感。

做一支 10 秒 3Blue1Brown 式數學視覺化，講【圓面積】。深色底，圓切成 8、16、32 個扇形，真的移拼成長方形。公式逐項出現，定格 πr²。

做一支 10 秒古地圖動畫，講【長安到敦煌】。羊皮紙、淡墨山路，硃紅路線一筆畫過去，標註里程和一句講解，最後蓋章。鏡頭可縮放。

做一支 10 秒 Kurzgesagt 式資訊圖，講【紙對摺厚度】。乾淨圖形、大數字：對摺 2 次，厚度 0.4 毫米，厚度 ×2。鏡頭規則拉近，直到終點。

做一支 10 秒扁平 MG，講【降水】。純色幾何、無描邊。雲裡的小水滴越聚越大，然後掉下來。兩段明暗，卡通雲朵。

做一支 10 秒卡點排版，120 BPM，講【費曼學習法】。每個詞卡一拍，黑底橙字切入。四步依次砸出，最後一錘：講不清楚，就是沒真懂。

做一支 10 秒漫畫分格，講【一扇窗破了】。黑白網點加一個紅色。聽課、被發現、衝出教室，格間硬切，最後一格點題。

做一支 12 秒橫軸時間軸，講【從達特茅斯到 ChatGPT】。鏡頭沿軸推進，節點縮放點亮。年份大字加一句事件。範例節點：1971，又過了 41 年。

給 [產品名]（[網址]）做一支 20 秒的宣傳片，要有作品集那樣的質感。
素材：
- 先開啟網站，擷取真實的產品介面，找到真實的 logo、顏色和字型，
  都存進 assets 資料夾，列給我看，再開始做動畫。
- 不要憑想像畫產品介面，只能裁切、放大、動畫真實的截圖。
分鏡（每段 2～4 秒）：
1. 開場：用 5 個字以內的大字，說出使用者的痛點。
2. 產品出場：介面一塊一塊拼出來。
3. 三個核心功能：每個功能用一個介面操作來展示，有滑鼠真的在點。
4. 一個能證明效果的數字：[數字]。
5. 結尾：logo + [行動號召，比如「立即試用」]。
聲音：用程式碼寫一段 120 BPM 左右的原創音樂，點擊聲、轉場聲卡在節拍上。
尺寸：先做直式 9:16，再用同一套畫面做 1:1 和 16:9。
正式匯出前，先每段截一張圖拼成大圖給我看。

【先問我】
我的產品和網址、這支片子要經過哪 8～12 個介面狀態、
每個狀態裡顯示的真實資料、品牌色和字型、背景音樂、要哪些尺寸。
【風格】
產品演示風格。只有一個容器，從頭到尾不切鏡頭：
每個狀態都是同一個形狀在變大小、圓角和顏色，裡面的內容在變形時切換。
每一次變化都由滑鼠點擊觸發。淺色背景，一種強調色。
動作要有彈性，但只能輕微回彈。
不要：誇張的彈跳、發光、介面上的漸層、粒子爆炸、沒有動作的空檔。
【結構】
120 BPM，8 個小節，每一拍都有東西發生。
logo → 按鈕 → 輸入 Email（打字）→ 載入 → 成功打勾 → 資料卡片
→ 圖表自己畫出來 → 滑鼠懸停出提示 → 搜尋面板 → 彈出通知 → 回到 logo。
【做法】
- 形狀開始變形後，裡面的文字再出現；下一次變形開始前，文字先消失。
- 最後一幀必須和第一幀完全一樣，包括滑鼠的位置。
【開始】
先問我要上面的資訊，然後把狀態清單按節拍排好給我看，確認後再寫程式碼。

Create a 15s motion-graphics film explaining {{PRODUCT}}. HyperFrames + GSAP, no voiceover, no footage.
Style: paper-light canvas, marker notes that draw on, real physics, huge kinetic type,
hard light/dark switches, a new idea every 1.5–2 s, a sound on every hit.

COPY: read {{POSITIONING_DOCS}} first. {{ONE_LINER}} For {{AUDIENCE}}. {{WHAT_IT_DOES}}
Name what the product learns, never the abstraction.

RULES
- No chrome (scrubber, timecode, fps, headers). No animator jargon on screen
  ("squash", "stagger", "easing"...). Every word speaks to the buyer.
- No invented results: no %, multipliers, customer names or figures.
- Never use: {{BANNED_WORDS}}.
- Logo: real mark {{LOGO_FILE}} + "{{PRODUCT}}" in {{WORDMARK_FONT}}; never a boxed logo file.

CRAFT
- Colours {{COLOR_CANVAS}} / {{COLOR_INK}} / {{COLOR_ACCENT_1}} / {{COLOR_ACCENT_2}}; notes in the
  accents; dark mode = charcoal matching the palette.
- Fonts {{BRAND_FONTS}}; Anton for kinetic type; Caveat handwriting via stroke-dashoffset.
- Real easing, squash/stretch, stagger, overlap, onion skin, smear, follow-through. Check the
  HyperFrames registry first. Set every from-state at t=0 (seek-safe); never cover an exit.
  One primary move per transition; no generic push/slide/rotate-swing.
- Music in sections: drums drop on the dark switch and while the ball is airborne, slam back
  on the type and the logo. SFX: pops, pen scribbles, whooshes, logo sub-hit. CC0 or generated
  only; log sources. Master -14 LUFS, -2 dBTP, re-measured after AAC encode.

做一支 15 秒的動態圖形短片，介紹 {{PRODUCT}}。使用 HyperFrames ＋ GSAP，不要旁白，不要實拍素材。
風格：紙感淺色畫布，會自己畫出來的麥克筆註記，真實物理，超大的動態文字，
明暗硬切換，每 1.5 到 2 秒一個新概念，每個撞擊點（hit）都配一個音效。

文案：先讀 {{POSITIONING_DOCS}}。{{ONE_LINER}} 給 {{AUDIENCE}}。{{WHAT_IT_DOES}}
講出產品學到的具體東西，絕不講抽象概念。

規則
- 畫面上不要介面元件（進度條、時間碼、fps、標頭）。不要出現動畫師術語
  （「squash」「stagger」「easing」等）。每個字都是對買家說話。
- 不准捏造成果：不放百分比、倍數、客戶名稱或數據。
- 絕不使用：{{BANNED_WORDS}}。
- Logo：用真正的標誌 {{LOGO_FILE}} ＋ 以 {{WORDMARK_FONT}} 排出的「{{PRODUCT}}」；絕不用加了外框的 logo 檔。

工藝
- 配色 {{COLOR_CANVAS}} / {{COLOR_INK}} / {{COLOR_ACCENT_1}} / {{COLOR_ACCENT_2}}；註記用
  強調色；深色模式＝搭配色盤的炭灰色。
- 字體 {{BRAND_FONTS}}；動態文字用 Anton；Caveat 手寫字用 stroke-dashoffset 畫出來。
- 真實的緩動（easing）、擠壓與拉伸、錯開（stagger）、重疊、洋蔥皮、殘影、跟隨動作。先查
  HyperFrames registry。每個起始狀態都在 t=0 設好（可隨意跳轉時間點）；絕不遮住退場。
  每個轉場只有一個主要動作；不要通用的推、滑、旋轉擺盪。
- 音樂分段：切到暗場和球在空中時鼓聲抽掉，文字和 logo 出現時重重打回來。
  音效：啵聲、筆尖塗寫聲、咻聲、logo 低頻重擊。只用 CC0 或自己生成的；記錄來源。
  母帶 -14 LUFS、-2 dBTP，AAC 編碼後重新量測。

make a modern slick and punchy video for sherwood protocol. feel free to take branding or components from the landing page or app. the goal is to highlight how it enables agentic hedge funds, explaining it simply

幫 sherwood protocol 做一支現代、俐落、有衝擊力的影片。可以自由拿 landing page 或 app 上的品牌元素與元件來用。目標是凸顯它如何讓由 AI 代理運作的（agentic）避險基金成為可能，並用簡單的方式解釋。

Make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are.

做一支 15 秒的動態圖形影片，展現你是多厲害的動效設計師。

Create a polished English trailer for an original game, made for sharing on X. Open with a striking hook in the first two seconds, make the visuals more refined, and remove the bottom progress bar. Generated music and sound effects are welcome.

為一款原創遊戲做一支精緻的英文預告片，用來在 X 上分享。開頭兩秒內要有抓人的鉤子，畫面再精緻一點，並拿掉底部的進度條。歡迎使用生成的音樂與音效。

Look up recent AI news, choose a topic, and make a fast-paced English YouTube-style video packed with memes. You can search for video clips, images and GIFs to use.

查一下最近的 AI 新聞，挑一個主題，做一支節奏快、塞滿 meme 的英文 YouTube 風格影片。你可以搜尋影片片段、圖片和 GIF 來用。

Make an attention-grabbing video that could go viral on YouTube, using code. Make it landscape.

用程式做一支有機會在 YouTube 爆紅、能抓住注意力的影片。做成橫式。

Create a mesmerizing film of physical forms and materials as chaos becomes harmony. Build and render the visuals and animation in code using any suitable framework, without AI-generated video clips or stock footage. Use 16:9 landscape and English for any on-screen text, lyrics or voiceover. Deliver an MP4 and editable source code; generated audio is allowed. Make a compressed version for X

做一支令人著迷的短片，呈現物理形體與材質從混沌走向和諧。用任何合適的框架以程式建構並算圖畫面與動畫，不要用 AI 生成的影片片段或圖庫素材。使用 16:9 橫式，畫面文字、歌詞或旁白一律用英文。交付 MP4 與可編輯的原始碼；可以使用生成的音訊。另外做一份給 X 用的壓縮版。

Create a fast-paced English YouTube-style explainer about the history of large language models, using code. Make it for a general audience, with original jokes and memes and a male voice. Use 16:9, aim for about 90 seconds, and proceed without user-provided materials.

用程式做一支節奏快的英文 YouTube 風格解說影片，主題是大型語言模型的歷史。對象是一般大眾，要有原創笑話與 meme，配男聲。使用 16:9，長度約 90 秒，不需要使用者提供素材，直接開始。

Use code to create a cool, visually striking launch video for a fictional product, with a beautiful white UI, suitable for sharing on X. Generated sound effects are welcome. Speed up the visuals so the pacing feels less slow.

用程式為一個虛構產品做一支很酷、視覺衝擊強的發表影片，要有漂亮的白色介面，適合在 X 上分享。歡迎使用生成的音效。把畫面節奏加快，讓步調不會太慢。

Create an impressive montage that shows off your editing and coding abilities. Use rich, varied material without repeating shots, with polished English presentation and sound through the ending. Focus the edit on the stronger climax in the later part.

做一支令人印象深刻的混剪，展現你的剪輯與寫程式能力。素材要豐富多樣、不重複鏡頭，英文呈現與聲音都要精緻，並一路維持到結尾。剪輯重心放在後段更強的高潮。

Use JavaScript to make a beautiful video that surprises me and shows off your capabilities. I like typography-driven editing, varied English typefaces and a warm, minimalist aesthetic, with rich rhythm and color. You can also generate images or video clips—what matters is that it looks great. Use high quality, 16:9, about 30 seconds, and background music.

用 JavaScript 做一支漂亮的影片，讓我驚喜，並展現你的能力。我喜歡以字體為主軸的剪輯、多樣的英文字型，以及溫暖極簡的美感，節奏與色彩要豐富。你也可以生成圖片或影片片段，重點是好看。使用高畫質、16:9、約 30 秒，加上背景音樂。

Look up recent news, choose a topic, and create a fast-paced English YouTube-style explainer with plenty of memes and meme images, which you can search for. Use 16:9 and aim for about 90 seconds. Proceed without user-provided materials.

查一下最近的新聞，挑一個主題，做一支節奏快的英文 YouTube 風格解說影片，加入大量 meme 與 meme 圖，這些你可以自己搜尋。使用 16:9，長度約 90 秒。不需要使用者提供素材，直接開始。

Use p5.js to make an atmospheric story video inspired by the mood of The Odyssey, in English; voiceover is welcome. Turn it into a fast-cut trailer under one minute and add English subtitles.

用 p5.js 做一支氛圍感強的故事影片，靈感來自《奧德賽》（The Odyssey）的情緒，使用英文；歡迎加旁白。把它剪成一分鐘以內的快剪預告，並加上英文字幕。

Create a high-energy arcade dance video in English and 16:9. Use Seedance to generate a dancing anime character, then use code to build the rhythm-game visuals and beat-synced effects.

做一支高能量的街機風舞蹈影片，英文、16:9。用 Seedance 生成一個跳舞的動漫角色，再用程式做出音樂節奏遊戲的畫面與對拍特效。

A video explaining recursion, where every explanation about recursion has a radically different video style, make this self-referential & clever & fast moving.

一支解釋遞迴的影片，其中每一段關於遞迴的解釋都使用截然不同的影片風格，讓它自我指涉、聰明又節奏飛快。

show me what goes on inside an AI data centre.

讓我看看 AI 資料中心裡面在發生什麼事。

卡點的3D球體下墜的動畫影片：效果以專業 Blender 作品為標竿，音樂是多首經典的純音樂，場景按音樂切換，3D球體下墜時在3D場景的物件中彈跳，按音樂的節奏點亮物件。帶一些幽默的元素。
使用three.js製作，不要使用Blender製作

Create a 60 second music video in the style of Peter Gabriel's Sledgehammer and Big Time. But use modern references and figures. Also create the song, something sounds like it would fit on Peter Gabriel's So album.

做一支 60 秒的音樂錄影帶，風格參考 Peter Gabriel 的〈Sledgehammer〉和〈Big Time〉，但改用現代的參照與人物。歌也一起寫，聽起來要像能收進 Peter Gabriel《So》專輯裡的作品。

make a dynamic lyrics motion graphics video based on the attached music, perfectly syncing the lyrics and animation to the vocals and beat. make it feel like an incredible motion designer’s showreel for a résumé. go all out.

根據附上的音樂做一支動態歌詞的動態圖形影片，讓歌詞與動畫完美對齊人聲和節拍。要讓它像一位厲害動效設計師放進履歷的作品集影片。全力以赴。

make a video highlighting key moments in the history of AI.

做一支影片，呈現 AI 歷史上的關鍵時刻。

explain a token bucket rate limiter, canvas only, no libraries, every frame a pure function of time so my renderer can screenshot it.

解釋 token bucket 限流器（rate limiter），只用 canvas，不用任何函式庫，每一格畫面都是時間的純函式，這樣我的算圖程式才能逐格截圖。

Nice. A few polish fixes to tokenbucket.html, keep render(t) pure and the 32 s length:
1. During the burst caption, the stats panel says "allowed (total) 7" while the caption says "5 pass". Add a small "this burst: 5 allowed / 3 rejected" readout (or briefly highlight the delta) so the numbers match what the caption claims.
2. Slow the burst moment down so a viewer can follow it: space the 8 burst requests further apart or briefly slow the sim clock around the burst, make sure no two packets ever overlap at the gate and no 429 covers the limiter box or label, then hold the "5 green / 3 red" result on screen for at least 1.5 s.
3. Move POSTER_T to a settled frame where all 5 "200"s and all 3 "429"s are laid out and the counters already read 3 rejected.
4. Assume the video will be embedded at about 720 px wide: bump the key labels ("arriving: 2 req/s", "passing: ~1 req/s", "full: extra spills", "limiter", chart labels) to at least 20 px, and make the burst markers on the chart readable (spread them or show a "5 ✓ 3 ✗" tag instead).
Re-run the purity check and re-export final.mp4 and poster.jpg.

不錯。幫我修 tokenbucket.html 幾個細節，render(t) 要維持純函式、片長維持 32 秒：
1. 突發那段字幕寫「5 pass」，右上的統計卻顯示「allowed (total) 7」。加一個小讀數「this burst: 5 allowed / 3 rejected」（或短暫標出這一波的增量），讓數字跟字幕說的一致。
2. 把突發那一刻放慢，讓觀眾跟得上：把 8 個突發請求拉開一點，或在突發前後暫時放慢模擬時鐘；確保閘門處任何兩個封包都不重疊，429 也不能蓋到 limiter 的方框或標籤；然後讓「5 綠／3 紅」的結果在畫面上至少停 1.5 秒。
3. 把 POSTER_T 移到已經穩定的一格：5 個「200」和 3 個「429」都排好、計數器已經顯示 3 個被拒。
4. 假設影片會以約 720 px 寬嵌入：關鍵標籤（「arriving: 2 req/s」「passing: ~1 req/s」「full: extra spills」「limiter」、圖表標籤）至少放大到 20 px，圖表上的突發標記也要看得清楚（拉開，或改成一個「5 ✓ 3 ✗」標籤）。
重跑純函式檢查，重新輸出 final.mp4 和 poster.jpg。

請用Manim給我製作一個導數概念學習的影片，要求通俗易懂，並且有例子，引人思考。配音使用edge-tts

幫我用js製作一個影片，主題是：什麼是Git
要深入淺出，讓一個電腦零基礎的人也能看得懂，然後要介紹一些常用指令的意思等等
要有聲音的，然後是中文講的
你可以用任何工具或者安裝工具，可以上網搜尋

用梵谷《星月夜》的風格，給我做一段15秒的動畫，畫面裡的東西要一直在動

幫我拆解這段動畫，告訴我它是怎麼做出來的，然後復刻一版：[影片路徑]

我這段口播講的是梯度下降，口播音檔在 [口播音檔路徑]，幫我按3b1b的風格做一段對應時長的動畫

Read ANIMATION_GUIDE.md, then make a 15-second video of Clawd trying to catch a butterfly.

先讀 ANIMATION_GUIDE.md，然後做一支 15 秒影片，內容是 Clawd 想抓一隻蝴蝶。

創作敦煌佛洞窟教壁畫新媒體互動藝術作品，中英雙語。在有禪機妙趣的哲思理念下，融合時間、鏡子、生滅、空色的表達。貼圖需要找到資源，在3D空間中貼上真實的壁畫素材。入「洞」參觀時，照見大千諸佛世界。鏡面反射你可以借鑑 【參考連結】 中的思路，但要服務作品哲思與藝術效果的表現任務。產出 web 。

並製作一部高超的，新媒體藝術世界大師級的動態圖形互動動效影片。中英雙語字幕。語音為中文。

做一支史詩編年片《中華文明史》，可以寫程式碼逐幀渲染，再用 ffmpeg 合成。
配樂當時鐘：五聲調式，樂器從骨笛、編鐘一路演進到管弦，BPM 隨年代加快，所有切點踩拍。
宣紙白描和玄底泥金兩種畫風交替；每卷一個主色和一套隨時代演變的紋樣（彩陶紋 → 饕餮紋 → 雲氣紋 → 卷草紋 → 纏枝紋 → 回紋）。
每鏡一個按詞組出現的書法大字關鍵詞，配一幅線稿。全片 HUD：左上朱印卷號，右側豎排朝代名，底部捲軸時間尺和年份計數。
卷交界用朱印蓋下、鼓鐘重擊的衝擊轉場。先定拍點網格和分鏡表，再渲染。
地圖只畫示意，不畫近現代真實人物，年代核對後再交付。