·lottie-animator
</>

lottie-animator

從靜態 SVG 產生專業的 Lottie 動畫。取代 After Effects 的動態圖形。 當使用者要求:動畫徽標、創建 Lottie、svg 動畫、運動圖形、擺動動畫、 彈跳效果、旋轉動畫、脈衝效果、入口動畫、載入動畫、循環動畫、 圖示動畫、角色動畫、變形、路徑繪製、修剪路徑、行走動畫、運行循環、 行走循環、逐幀動畫、精靈動畫。 支援進階貝塞爾曲線、形狀修改器、父子關係、遮罩、變形、角色裝備、 以及專業的逐幀動畫技術。

33安裝·2熱度·@obeskay

安裝

$npx skills add https://github.com/obeskay/lottie-animator-skill --skill lottie-animator

如何安裝 lottie-animator

透過命令列快速安裝 lottie-animator AI 技能到你的開發環境

  1. 開啟終端機: 開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 執行安裝指令: 複製並執行以下指令:npx skills add https://github.com/obeskay/lottie-animator-skill --skill lottie-animator
  3. 驗證安裝: 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

來源:obeskay/lottie-animator-skill。

SKILL.md

查看原文

Professional skill to create advanced Lottie animations from SVGs, eliminating the need for After Effects.

Before animating ANY SVG, you MUST understand its path structure.

| M x,y | Move to | Starting vertex | | L x,y | Line to | Vertex with zero tangents | | C cp1 cp2 end | Cubic bezier | Native support | | Q ctrl end | Quadratic bezier | Convert to cubic | | A rx ry ... | Arc | Split into cubic segments | | Z | Close path | Set c: true |

從靜態 SVG 產生專業的 Lottie 動畫。取代 After Effects 的動態圖形。 當使用者要求:動畫徽標、創建 Lottie、svg 動畫、運動圖形、擺動動畫、 彈跳效果、旋轉動畫、脈衝效果、入口動畫、載入動畫、循環動畫、 圖示動畫、角色動畫、變形、路徑繪製、修剪路徑、行走動畫、運行循環、 行走循環、逐幀動畫、精靈動畫。 支援進階貝塞爾曲線、形狀修改器、父子關係、遮罩、變形、角色裝備、 以及專業的逐幀動畫技術。 來源:obeskay/lottie-animator-skill。

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/obeskay/lottie-animator-skill --skill lottie-animator
分類
</>開發工具
認證
收錄時間
2026-02-22
更新時間
2026-03-10

Browse more skills from obeskay/lottie-animator-skill

快速解答

什麼是 lottie-animator?

從靜態 SVG 產生專業的 Lottie 動畫。取代 After Effects 的動態圖形。 當使用者要求:動畫徽標、創建 Lottie、svg 動畫、運動圖形、擺動動畫、 彈跳效果、旋轉動畫、脈衝效果、入口動畫、載入動畫、循環動畫、 圖示動畫、角色動畫、變形、路徑繪製、修剪路徑、行走動畫、運行循環、 行走循環、逐幀動畫、精靈動畫。 支援進階貝塞爾曲線、形狀修改器、父子關係、遮罩、變形、角色裝備、 以及專業的逐幀動畫技術。 來源:obeskay/lottie-animator-skill。

如何安裝 lottie-animator?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/obeskay/lottie-animator-skill --skill lottie-animator 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

這個 Skill 的原始碼在哪?

https://github.com/obeskay/lottie-animator-skill

詳情

分類
</>開發工具
來源
skills.sh
收錄時間
2026-02-22

相關 Skills

暫無