·svg-animation-engineer
*

svg-animation-engineer

✓
liuyunlong2021-wq/svg-skillsGitHub: liuyunlong2021-wq/svg-skillsSource: liuyunlong2021-wq/svg-skills

Generates pure SVG code animations using flat design and CSS keyframes. Use when user asks for SVG code, Lottie alternatives, vector illustrations, or web-based motion graphics.

liuyunlong2021-wq·svg·animation·engineer
10Installs·2Trend·@liuyunlong2021-wq

Installation

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

How to Install svg-animation-engineer

Quickly install svg-animation-engineer AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/liuyunlong2021-wq/svg-skills --skill svg-animation-engineer
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: liuyunlong2021-wq/svg-skills.

SKILL.md

View raw

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

Generates pure SVG code animations using flat design and CSS keyframes. Use when user asks for SVG code, Lottie alternatives, vector illustrations, or web-based motion graphics. Source: liuyunlong2021-wq/svg-skills.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/liuyunlong2021-wq/svg-skills --skill svg-animation-engineer Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Security certified for safe and reliable code One-click installation with simplified configuration Compatible with Claude Code, Cursor, OpenClaw, and more

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/liuyunlong2021-wq/svg-skills --skill svg-animation-engineer
Source
liuyunlong2021-wq/svg-skills
Category
*Creative Media
Verified
✓
First Seen
2026-03-10
Updated
2026-03-10
URL
https://www.learn-skills.dev/en/skills/liuyunlong2021-wq/svg-skills/svg-animation-engineer

Browse more skills from liuyunlong2021-wq/svg-skills

Quick answers

What is svg-animation-engineer?

Generates pure SVG code animations using flat design and CSS keyframes. Use when user asks for SVG code, Lottie alternatives, vector illustrations, or web-based motion graphics. Source: liuyunlong2021-wq/svg-skills.

How do I install svg-animation-engineer?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/liuyunlong2021-wq/svg-skills --skill svg-animation-engineer Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/liuyunlong2021-wq/svg-skills

Details

Category
*Creative Media
Source
skills.sh
First Seen
2026-03-10

Related Skills

None