# Ui2v Motions (agent skill)

> Ui2v Motions is an agent skill (a SKILL.md file) from Unclecheng-li/AI_Animation. UI2V 动效库——1,262 个 GSAP 动效包（616MB 全量离线镜像，源自 ui2v.com / illli-studio/motions）+ 按镜头用途的选型索引 + 接入演示动画的完整配方。给视频演示页/产品页/落地页挑选和嵌入高质量 UI 动效：图表入场、列表滚动、卡片翻转、文字编排、数字滚动、背景循环等即插即用。只要用户提到：UI 动效、动效库、ui2v、GSAP. It works with Claude Code and Cursor and has 1,453 GitHub stars across a repository of 2 listed skills.

UI2V 动效库——1,262 个 GSAP 动效包（616MB 全量离线镜像，源自 ui2v.com / illli-studio/motions）+ 按镜头用途的选型索引 + 接入演示动画的完整配方。给视频演示页/产品页/落地页挑选和嵌入高质量 UI 动效：图表入场、列表滚动、卡片翻转、文字编排、数字滚动、背景循环等即插即用。只要用户提到：UI 动效、动效库、ui2v、GSAP 动效素材、给演示页加动效、motion 素材、页面动效不够炫——就用本 Skill。与 swiss-shot-demos / video-shot-demos 等演示动画技能配套：动效包的 paused GSAP 时间轴可直接挂到 cue 时间轴上驱动。 ui2v.com（UI-to-video 动效社区）背后 motions 仓库的全量本地镜像：1,262 个动效包（9,669 文件 / 641MB），每个包 = 单文件 HTML + 一条 paused 的 GSAP 时间轴（1920×1080 为主）——与自建演示底盘同构（时间驱动/可冻结/可 seek），是演示动画页"画面层"的即插即用素材库。

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/Unclecheng-li/AI_Animation |
| Skill path | skills/ui2v-motions/SKILL.md |
| Skill name | ui2v-motions |
| GitHub stars | 1,453 |
| Installs on skills.sh | not listed |
| License | MIT |
| Skills in repo | 2 |
| Plugin marketplace | no |
| Official | no |
| Works with | Claude Code, Cursor |
| Category | Design & frontend |
| Last commit | Oct 5, 2026 |

## Add this skill

### Claude Code

```sh
git clone --depth 1 https://github.com/Unclecheng-li/AI_Animation.git
cp -r AI_Animation/skills/ui2v-motions ~/.claude/skills/ui2v-motions   # personal, or .claude/skills in a project
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/Unclecheng-li/AI_Animation.git
cp -r AI_Animation/skills/ui2v-motions .agents/skills/ui2v-motions   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/Unclecheng-li/AI_Animation.git
cp -r AI_Animation/skills/ui2v-motions .cursor/skills/ui2v-motions   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

---

Canonical page: https://appsgit.com/skills/unclecheng-li-ui2v-motions
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.