部落格 · Claude

Claude 動態設計(motion graphics):75 支用 Claude 做的影片,和背後的提示詞

Claude 沒有影片模型,但每天都有人分享用它做的影片。它把動畫寫成程式碼,再算繪成 MP4,或直接在瀏覽器裡即時執行。Claude Opus 5.5 和 Claude Fable 5.2 推出以來,作者們分享了發表影片、Logo 動畫、動態字體、動畫短片和 3D 場景。這裡挑出最好的 75 支,每支都連到作者的貼文,作者有公開的話也附上提示詞。

Claude 怎麼做影片

它不產生任何影片素材。Claude 寫程式碼畫出每一格:帶 SVG 和 JavaScript 的網頁、React 或 Remotion 專案、Three.js 或 WebGL,或用 Python 驅動 Blender。接著讓無頭瀏覽器或 Blender 逐格播放,再把畫面交給 ffmpeg 合成影片。音樂和音效通常也用程式碼合成。

每一格都是時間的函數,所以文字、Logo、價格和介面都清晰,也不會拼錯;循環能完美接回開頭,聲音能精準對到某一格。

  • Deedy Das 的發表影片只用了 JavaScript、Playwright 和 ffmpeg,API 費用約 2 美元。
  • 0kncn 的 90 秒日式動畫是用 Python 在 Blender 裡一個鏡頭一個鏡頭搭出來的,配樂用 numpy 寫成。
  • Sarutobi Sasuke 的調酒說明是一個 HTML 檔,SVG 加原生 JavaScript,沒用動畫函式庫,大約 25 分鐘完成。
  • Fable 5.2 影片中讚數最多的是 Peter Gostev 的伊斯坦堡,用 Fable 5.2 Max 跑的,約 46 美元。

怎麼用 Claude 做動態設計影片

  1. 在空資料夾裡開啟 Claude Code

    Claude Code 隨 Claude Pro、Max、Ultra、Team 和 Enterprise 提供,Free 不包含。做產品發表影片和動態設計選 Opus 5.5,做 3D 場景和短片選 Fable 5.2;Fable 5.2 也需要 Pro 以上方案。好幾位作者說沒裝任何 skill 或外掛。

    mkdir launch-film && cd launch-film
    claude --model claude-opus-5-5
    # or: claude --model claude-fable-5-2
  2. 給它提示詞和你的素材

    下面是在 X 上流傳的那條提示詞。附上你的網址,讓 Claude 自己讀頁面、寫腳本;給一個 Logo、截圖或參考影片,它更容易貼合你的風格。

    make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are for https://your-site.com. Visit the pages first to learn about the product, then write the video content yourself. Go all out.
  3. 讓它算繪,再直接說哪裡不好

    預計幾分鐘到一個半小時。可以要求指定解析度和影格率的 MP4,或一個能分享的 HTML 頁面。接著可以要求放慢節奏、換成免版稅音樂或換畫面比例。

產品發表影片(Opus 5.5)

真實產品的發表影片、里程碑短片和招商片,大多一條提示詞完成。

Logo 動畫和品牌影片

從一個 Logo、一張參考圖或一支經典廣告出發的片頭和廣告。

動態展示和動態字體

Claude 展示自己的動態設計功力:字體、循環和純粹的運動。

說明影片

用動態圖像講酒譜、歷史和電腦知識。

短片和動畫(Fable 5.2)

用 Claude Fable 5.2 做的、有鏡頭、有故事或有配樂的短片。

3D 場景和微縮世界

城市、帆船和小島,其中幾個是能在裡面走動的網頁。

動畫網站

隨捲動或點擊動起來的登陸頁和產品頁。

科學、太空和資料

星系、黑洞、病毒和海底,很多用的是真實資料。

更多影片和完整清單

每支影片的截圖和完整提示詞都在 GitHub 上:動態設計看 awesome-claude-motion-video,Fable 5.2 看 awesome-claude-fable-videos。依模型分:Opus 5.5 動態影片和 Claude Fable 5.2 影片。用同樣方式做的遊戲在 Claude Fable 5.2 遊戲。

Claude 動態設計常見問題

Claude 能產生影片嗎?

不是影片模型那種產生方式。Claude 寫程式碼畫出每一格(HTML 和 JavaScript、Remotion、Three.js 或 Blender),再算繪成 MP4,或直接在瀏覽器裡即時執行。所以文字、數字和 Logo 都很清晰。

有 Claude 動態設計的 skill 嗎?

不需要。好幾位作者說用的是一般的 Claude Code,沒裝 skill 或外掛:工具由 Claude 自己選,通常是無頭瀏覽器加 ffmpeg,有時用 Remotion 或 Blender。

用 Claude 做影片需要什麼方案?

Claude Code,隨 Claude Pro、Max、Ultra、Team 和 Enterprise 提供(Free 不包含),或使用 API。Fable 5.2 也需要 Pro 以上方案;在 Pro 和 Team 標準席位上,它最多能用每週額度的 50%。

要多久、花多少錢?

從大約 1 分鐘、2 美元(Deedy Das 的發表影片),到算繪一個半小時。用 Fable 5.2 的話,作者回報小場景約 20 分鐘、7 美元,伊斯坦堡用 Fable 5.2 Max 約 46 美元。

做影片該用 Opus 5.5 還是 Fable 5.2?

兩個都有人用。從大家分享的作品看,Opus 5.5 多用來做產品發表影片和動態設計,Fable 5.2 多用來做 3D 場景和短片。

這些提示詞可以用嗎?

提示詞是作者本人的,引自他們的貼文。可以拿去給自己的產品試試;影片本身歸作者所有。

讚數、觀看數和提示詞已於 2026 年 11 月 11 日和 12 日在 X 或小紅書上逐則核對原文。

把做影片交給 AI 員工。

Crewmark 把 Claude Code 和 Codex 工作階段變成有職位、目標、工作時間和心跳的 AI 員工。