Remotion 是一個超熱門的開源項目（GitHub 已經 3.6 萬 Star），主打用程式碼做動畫、做影片。
我看到網路上很多「Claude Code 做出超強動畫」的案例，但我自己照著 prompt 做，效果差超多，所以這集我直接實測：到底怎麼做才會像樣？動畫品質又該怎麼優化？
📌 這支影片你會看到：
1️⃣ 要怎麼用 Claude Code + Remotion 真的做出動畫？
2️⃣ 要怎麼把動畫品質優化到更有「質感」？
延伸玩法：GSAP / D3 / Lottie / Three.js / Blender 等組合的可能性
📌 相關連結
Remotion 官網：https://www.remotion.dev/
Remotion GitHub：https://github.com/remotion-dev/remotion
歡迎訂閱：https://www.instagram.com/pj.techbiz
0:00 開場
0:26 為什麼一句 prompt 不夠
1:02 解法：先加 Skill（效果差很多）
1:25 拆 Frame 復刻 SaaS 動畫（差很大但能救）
2:00 程式控制畫面的套件地圖
2:18 Remotion + GSAP
2:42 Remotion + D3.js
3:06 Remotion + Lottie
3:27 Remotion + Three.js
3:48 Remotion + Canvas（Fabric/P5）
4:06 Remotion 其他技巧（軌跡/透明字卡輸出）
4:32 Blender + MCP 控制 3D 實驗
5:11 結論
#Remotion #ClaudeCode #AI動畫 #CodeToVideo #GSAP #D3js #Lottie #Threejs #Blender #前端 #AI工具
