① 選對模型（最重要）
進到 Google Gemini
選 Pro 模型
避免用 Thinking，容易產出錯誤動畫程式碼。
② 用 SVG 做動畫
這次不是做影片，而是用 SVG 動畫
優點：
1. 放大不失真
2. 檔案很小
3. 可以直接放網站 / 簡報
③ 下對指令（關鍵）
一個好的動畫指令要包含：
1. 角色（前端工程師 / 設計師）
2. 尺寸（例如 500x500）
3. 視覺（顏色 / 形狀 / 動作）
4. 格式（要求 Canvas 預覽）
④ 用 Canvas 即時調整
送出指令後開啟 Canvas
你會看到：
👉 左邊：程式碼
👉 右邊：動畫畫面
不滿意直接說：
加快速度 / 改顏色 / 改粗細 / 會即時更新
⑤ 匯出直接用
最後複製 SVG 程式碼
👉 存成 .svg
👉 或直接貼到網站 / 簡報
範例指令（可直接用）
你是一位前端工程師與 UX 設計師，
請生成一個 500x500 的 SVG 動畫。
主題：發光的科技網絡節點
風格：深色背景 + 藍紫霓虹
要求：動畫流暢、可循環
並用 Canvas 顯示預覽。
太棒ㄌ🥹可是有點看不懂
第二點用SVG是另外用的網站還是一個指令？
有人可以替我解答嗎
SVG 動畫這個切入點很聰明。
PTT 工程師一看就懂：以前要生一個好看的動畫圖，要嘛用 After Effects，要嘛寫 CSS/JS。現在一句話就能產出可嵌入的 SVG code，檔案小、又不失真。
「放大不失真 + 檔案小 + 可直接放網站」這三個優點加起來，對內容創作者來說比 GIF 實用多了。
這主題超實用耶！現在大家都想快速產出動畫，5步驟這種教學真的太貼心了😍我也想試試看，有興趣的朋友一起來研究‼️一起加油🙋♀️
Very useful. Thank you so much