Communitygithub.com

supermemoryai/svg-animations SVG动画技能

创建美观、高性能的SVG动画和插图。适用于用户要求制作SVG图形、图标、插画、动画Logo、路径动画、形变动画、加载旋转器或任何动画SVG内容的情况。涵盖SMIL动画、CSS驱动的SVG动画、路径绘制效果、形变动画、运动路径、渐变、遮罩和滤镜。

svg-animations SVG动画技能 是什么?

这是一个针对AI代理(如Claude Code、Cursor、Codex等)的专业技能,旨在帮助开发者快速创建美观且高性能的SVG动画和插图。它覆盖了广泛的SVG动画场景,包括SMIL动画、CSS驱动的SVG动画、路径绘制效果、形变动画、运动路径、渐变、遮罩和滤镜等。该技能特别适用于当用户要求制作SVG图形、图标、插画、动画Logo、路径动画、形变动画、加载旋转器或任何动画SVG内容时。通过提供详细的指导,该技能简化了复杂SVG动画的实现过程。支持所有现代平台,并基于文档驱动的代码生成,确保输出既符合预期又高效。

兼容平台~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图形、图标、插画、动画Logo、路径动画、形变动画、加载旋转器或任何动画SVG内容时,使用此技能。涵盖SMIL动画、CSS驱动的SVG动画、路径绘制效果、形变动画、运动路径、渐变、遮罩和滤镜。

相关技能