Communitygithub.com

supermemoryai/svg-animations

創建美觀且高效的 SVG 動畫與插圖。當使用者要求製作 SVG 圖形、圖示、插圖、動態標誌、路徑動畫、變形形狀、載入旋轉器或任何動畫 SVG 內容時使用此技能。涵蓋 SMIL 動畫、CSS 驅動的 SVG 動畫、路徑繪製效果、形狀變形、運動路徑、漸層、遮罩和濾鏡。

svg-animations 是什麼?

此技能專注於生成高品質、高效能的 SVG 動畫與插圖,適用於各種開發場景。它能處理從簡單的載入動畫到複雜的插圖、動態標誌和路徑動畫等需求。主要支援三種動畫方法:SMIL(SVG 原生動畫)、CSS 驅動動畫以及 JavaScript 操控。技能涵蓋廣泛的 SVG 技術,包括形狀變形(morphing)、運動路徑(motion paths)、路徑繪製效果(path drawing)、漸層、遮罩和濾鏡。無論使用者需要創建動態圖示、互動式插圖或視覺吸引力的 UI 元件,此技能都能提供高效、可擴展的解決方案。適用於所有支援 SVG 的平台和框架,如網頁瀏覽器、React、Vue 等。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/supermemoryai/skills/tree/main/skills/svg-animations

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

svg-animations 是做什麼的?

創建美觀且高效的 SVG 動畫與插圖。當使用者要求製作 SVG 圖形、圖示、插圖、動態標誌、路徑動畫、變形形狀、載入旋轉器或任何動畫 SVG 內容時使用此技能。涵蓋 SMIL 動畫、CSS 驅動的 SVG 動畫、路徑繪製效果、形狀變形、運動路徑、漸層、遮罩和濾鏡。

相關技能