·svg-animation-engineer

svg-animation-engineer

Name: svg-animation-engineer
Author: liuyunlong2021-wq

✓

liuyunlong2021-wq/svg-skillsGitHub: liuyunlong2021-wq/svg-skills 来源: liuyunlong2021-wq/svg-skills

使用平面设计和 CSS 关键帧生成纯 SVG 代码动画。当用户请求 SVG 代码、Lottie 替代方案、矢量图或基于 Web 的动态图形时使用。

liuyunlong2021-wq·svg·animation·engineer

10安装·2热度·@liuyunlong2021-wq

安装

GitHub: liuyunlong2021-wq/svg-skills

$npx skills add https://github.com/liuyunlong2021-wq/svg-skills --skill svg-animation-engineer

如何安装 svg-animation-engineer

通过命令行快速安装 svg-animation-engineer AI 技能到你的开发环境

打开终端: 打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）
运行安装命令: 复制并运行以下命令：npx skills add https://github.com/liuyunlong2021-wq/svg-skills --skill svg-animation-engineer
验证安装: 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用

来源：liuyunlong2021-wq/svg-skills。

SKILL.md

查看原文

Advanced Animation See references/motion-examples.md for exact CSS implementations of Squash & Stretch, Overlapping Action, and exact easing parameters.

使用平面设计和 CSS 关键帧生成纯 SVG 代码动画。当用户请求 SVG 代码、Lottie 替代方案、矢量图或基于 Web 的动态图形时使用。来源：liuyunlong2021-wq/svg-skills。

打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）复制并运行以下命令：npx skills add https://github.com/liuyunlong2021-wq/svg-skills --skill svg-animation-engineer 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用

安全认证，代码可靠安全一键安装，配置简单兼容 Claude Code、Cursor、OpenClaw 等工具

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令: npx skills add https://github.com/liuyunlong2021-wq/svg-skills --skill svg-animation-engineer
来源: liuyunlong2021-wq/svg-skills
分类: *创意媒体
认证: ✓
收录时间: 2026-03-10
更新时间: 2026-03-10
链接: https://www.learn-skills.dev/zh/skills/liuyunlong2021-wq/svg-skills/svg-animation-engineer

svg-animation-engineer

安装

详情

相关 Skills

svg-animation-engineer

安装

如何安装 svg-animation-engineer

SKILL.md

可引用信息

快速解答

什么是 svg-animation-engineer？

如何安装 svg-animation-engineer？

这个 Skill 的源码在哪？

详情

相关 Skills