← All skills
ui2v-motions
47 / 100 · High risk
Only if you trust the author.
By Unclecheng-li/AI_Animation (GitHub) · design · 1,781 stars · scanned at commit 3d17ba3
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 时间轴上驱动。
Works with any agent that supports SKILL.md skills.
What this skill can do
Downloads and installs other software
The author does not mention this.
Found in 1654 places.
Show 17 more
- skills/ui2v-motions/01_动效库/itelmn/2026-05-04-claude-19-tips/docs/plan-v2.md, line 99
npx remotion still Claude19Tips --frame=1181 --output=out/v2-layout-0039.png - skills/ui2v-motions/01_动效库/itelmn/2026-05-04-claude-19-tips/docs/plan-v2.md, line 159
npx remotion still Claude19Tips --frame=2417 --output=out/v2-plan-0120.png - skills/ui2v-motions/01_动效库/itelmn/2026-05-04-claude-19-tips/docs/plan-v2.md, line 160
npx remotion still Claude19Tips --frame=5554 --output=out/v2-selfcheck-0307.png - skills/ui2v-motions/01_动效库/itelmn/2026-05-04-claude-19-tips/docs/plan-v2.md, line 161
npx remotion still Claude19Tips --frame=12829 --output=out/v2-api-mcp-0707.png - skills/ui2v-motions/01_动效库/itelmn/2026-05-04-claude-19-tips/docs/plan-v2.md, line 162
npx remotion still Claude19Tips --frame=16525 --output=out/v2-skill-0910.png - skills/ui2v-motions/01_动效库/itelmn/2026-05-04-claude-19-tips/docs/plan-v2.md, line 200
npx remotion render Claude19Tips out/claude-19-tips-motion-only-v2-draft.mp4 --frames=0-300 - skills/ui2v-motions/01_动效库/itelmn/2026-05-04-claude-19-tips/docs/plan-v2.md, line 273
npx remotion render Claude19Tips out/claude-19-tips-motion-only-v2.mp4 - skills/ui2v-motions/01_动效库/itelmn/2026-05-04-claude-19-tips/retrospective/00-overview.md, line 37
├── package.json # npm scripts 包装 npx hyperframes - skills/ui2v-motions/01_动效库/itelmn/2026-05-04-claude-19-tips/retrospective/00-overview.md, line 218
| `getting-started/quickstart.md` | `npx skills add heygen-com/hyperframes` 一次性安装 8 个子 skill | 部分 | - skills/ui2v-motions/01_动效库/itelmn/2026-05-04-claude-19-tips/retrospective/01-components.md, line 491
- **结论**：直接 `npx hyperframes add logo-outro` 替换 placeholder，零成本上手 6s 片尾。25s 长度可用 logo-outro 6s + 后接 19s 章节缩略图墙（项目 `.thumbnails/` 现成）。详见 Step 3。 - skills/ui2v-motions/01_动效库/itelmn/2026-05-04-claude-19-tips/retrospective/02-pitfalls.md, line 55
| **现象** | `npx hyperframes init` 拉了 6 个 block snippet（`whip-pan` `flash-through-white` `cinematic-zoom` `flowchart` `logo-outro` `macos-notification`）+ 2 个 com - skills/ui2v-motions/01_动效库/itelmn/2026-05-04-claude-19-tips/retrospective/02-pitfalls.md, line 59
| **下次怎么避免** | 索引中 `getting-started/quickstart.md` ⭐⭐ 引第 3 金句："`--non-interactive --example blank` 让 agent 无提示初始化工程"。下次脚手架用 `--example blank` 避免拉一堆鸡肋 snippet。已经 - skills/ui2v-motions/01_动效库/itelmn/2026-05-04-claude-19-tips/retrospective/02-pitfalls.md, line 83
| **下次怎么避免** | `npx hyperframes add logo-outro` 现成替换 6s 片尾（piece-by-piece + glow bloom + URL pill + tagline fade-in），剩余 19s 接章节缩略图墙（`.thumbnails/` 已有 126 帧现成） | - skills/ui2v-motions/01_动效库/itelmn/2026-05-04-claude-19-tips/retrospective/02-pitfalls.md, line 107
| **下次怎么避免** | `npx hyperframes inspect` 逐帧扫描文字溢出 / 容器裁切，按 OFFICIAL_DOCS_VALUE_INDEX 第 78 行 `inspect` 是"agent 可直接消费的 finding 列表" | - skills/ui2v-motions/01_动效库/itelmn/2026-05-04-claude-19-tips/retrospective/02-pitfalls.md, line 294
| outro 25 秒 placeholder（P5） | `catalog/blocks/logo-outro` ⭐⭐ | 下次直接 `npx hyperframes add logo-outro` | - skills/ui2v-motions/01_动效库/itelmn/2026-05-04-claude-19-tips/retrospective/03-skills.md, line 45
| `guides/troubleshooting.md` | ⭐ | **入门** | `npx hyperframes doctor` 0 用；preview 不刷新等 0 触发 | - skills/ui2v-motions/01_动效库/itelmn/2026-05-04-claude-19-tips/retrospective/03-skills.md, line 56
| `packages/studio.md` | ⭐ | **入门** | `npx hyperframes preview` 用过；Studio 编辑器未深用（move/trim/stack 操作） |
and 1634 more places
Sends data to these websites: api.tavily.com, api.clickup.com, vbee.vn, registry.npmjs.org, opencollective.com, api.openai.com
The author does not mention this.
Found in 45 places.
Show 17 more
- skills/ui2v-motions/01_动效库/itelmn/clickup-demo/scripts/populate.mjs, line 34
const res = await fetch(`https://api.clickup.com/api/v2${url}`, { - skills/ui2v-motions/01_动效库/itelmn/deciqo-architecture-flight-v4/v4/icons.js, line 13
const txt = await (await fetch(`assets/icons/${n}.svg`)).text(); - skills/ui2v-motions/01_动效库/itelmn/deciqo-review-journey/assets/v4/icons.js, line 13
const txt = await (await fetch(`assets/icons/${n}.svg`)).text(); - skills/ui2v-motions/01_动效库/itelmn/deciqo-review-journey/assets/v5/icons.js, line 13
const txt = await (await fetch(`assets/icons/${n}.svg`)).text(); - skills/ui2v-motions/01_动效库/itelmn/dev-vs-devops/scripts/generate-vo.mjs, line 97
const res = await fetch(url, { - skills/ui2v-motions/01_动效库/itelmn/dev-vs-devops/scripts/generate-vo.mjs, line 122
const res = await fetch("https://vbee.vn/api/v1/tts", { - skills/ui2v-motions/01_动效库/itelmn/dev-vs-devops/scripts/generate-vo.mjs, line 152
const res = await fetch(url, { - skills/ui2v-motions/01_动效库/itelmn/dev-vs-devops/scripts/generate-vo.mjs, line 173
const res = await fetch(url); - skills/ui2v-motions/01_动效库/itelmn/dev-vs-devops/scripts/generate-vo.mjs, line 203
const health = await fetch(`${VIENEU_API_URL}/health`, { signal: AbortSignal.timeout(3000) }); - skills/ui2v-motions/01_动效库/itelmn/frosted-signal-console/package-lock.json, line 1761
"node-fetch": "^3.3.2" - skills/ui2v-motions/01_动效库/itelmn/frosted-signal-console/package-lock.json, line 2181
"node_modules/node-fetch": { - skills/ui2v-motions/01_动效库/itelmn/frosted-signal-console/package-lock.json, line 2183
"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-3.3.2.tgz", - skills/ui2v-motions/01_动效库/itelmn/frosted-signal-console/package-lock.json, line 2198
"url": "https://opencollective.com/node-fetch" - skills/ui2v-motions/01_动效库/itelmn/kusakuzushi-ext/tools/build-clips.sh, line 13
[ -s "$out" ] || curl -sfL -o "$out" "$BASE/$f.ttf" - skills/ui2v-motions/01_动效库/itelmn/kusakuzushi-promo/tools/harness.html, line 35
const raw = await (await fetch("./contributions.json")).json(); - skills/ui2v-motions/01_动效库/itelmn/may-shorts-6/scripts/transcribe.mjs, line 49
const res = await fetch("https://api.openai.com/v1/audio/transcriptions", { - skills/ui2v-motions/01_动效库/itelmn/s5-d-subagentes/index.html, line 99
<g id="tl0"><rect x="70" y="92" width="26" height="26" rx="4" fill="#0E1317" stroke="#85DDCB" stroke-width="3"/><path d="M76 105 l6 6 l10 -12" fill="none" strok
and 25 more places
Runs commands on your computer
This is disclosed by the author in the skill's SKILL.md or README.
Found in 87 places.
Show 17 more
- skills/ui2v-motions/01_动效库/itelmn/anytimevibe-promo-v2/scripts/generate-bgm.mjs, line 156
const result = spawnSync("ffmpeg", [ - skills/ui2v-motions/01_动效库/itelmn/canopy-part-title/SKILL.md, line 37
npx --yes hyperframes@0.8.12 render 'compositions/canopy-part-title/canopy-part-title.html' --variables '{"headline1":"Understory","headline2":"Move slowly"}' - skills/ui2v-motions/01_动效库/itelmn/code-slice-hero/SKILL.md, line 41
npx --yes hyperframes@0.8.12 render 'compositions/code-slice-hero/code-slice-hero.html' --variables '{"headline":"MAKE IT","reverseHeadline":"MATTER."}' - skills/ui2v-motions/01_动效库/itelmn/cuboid-carousel/SKILL.md, line 43
npx --yes hyperframes@0.8.12 render 'compositions/cuboid-carousel/cuboid-carousel.html' --variables '{"cardsJson":"","heroCard":4}' - skills/ui2v-motions/01_动效库/itelmn/dev-vs-devops/scripts/generate-vo.mjs, line 12
import { execFile } from "node:child_process"; - skills/ui2v-motions/01_动效库/itelmn/frost-sequence-camera-orbit/SKILL.md, line 52
npx --yes hyperframes@0.8.12 render 'compositions/frost-sequence-camera-orbit/frost-sequence-camera-orbit.html' --variables '{"headline1":"Hard to|break.","head - skills/ui2v-motions/01_动效库/itelmn/glass-shard-title/SKILL.md, line 45
npx --yes hyperframes@0.8.12 render 'compositions/glass-shard-title/glass-shard-title.html' --variables '{"headline":"Designed in glass","tileCount":8}' - skills/ui2v-motions/01_动效库/itelmn/hero-avatar-stack/SKILL.md, line 20
npx hyperframes preview - skills/ui2v-motions/01_动效库/itelmn/hero-badge-earn/SKILL.md, line 20
npx hyperframes preview - skills/ui2v-motions/01_动效库/itelmn/hero-barcode-scan/SKILL.md, line 20
npx hyperframes preview - skills/ui2v-motions/01_动效库/itelmn/hero-battery-charge/SKILL.md, line 20
npx hyperframes preview - skills/ui2v-motions/01_动效库/itelmn/hero-blueprint-draw/SKILL.md, line 20
npx hyperframes preview - skills/ui2v-motions/01_动效库/itelmn/hero-book-open/SKILL.md, line 20
npx hyperframes preview - skills/ui2v-motions/01_动效库/itelmn/hero-calendar-flip/SKILL.md, line 20
npx hyperframes preview - skills/ui2v-motions/01_动效库/itelmn/hero-chat-bubbles/SKILL.md, line 20
npx hyperframes preview - skills/ui2v-motions/01_动效库/itelmn/hero-compass-spin/SKILL.md, line 20
npx hyperframes preview - skills/ui2v-motions/01_动效库/itelmn/hero-deploy-pipeline/SKILL.md, line 20
npx hyperframes preview
and 67 more places
Reads your saved credentials, such as SSH keys or .env files
The author does not mention this.
Found in 7 places.
Show 4 more
- skills/ui2v-motions/01_动效库/itelmn/dev-vs-devops/scripts/generate-vo.mjs, line 21
const raw = fs.readFileSync(path.join(REPO_ROOT, ".env"), "utf8"); - skills/ui2v-motions/01_动效库/itelmn/dev-vs-devops/scripts/sync-channel.mjs, line 15
const raw = fs.readFileSync(path.join(REPO_ROOT, ".env"), "utf8"); - skills/ui2v-motions/01_动效库/itelmn/thien-thach-vs-sao-bang/scripts/generate-vo.mjs, line 21
const raw = fs.readFileSync(path.join(REPO_ROOT, ".env"), "utf8"); - skills/ui2v-motions/01_动效库/itelmn/thien-thach-vs-sao-bang/scripts/sync-channel.mjs, line 15
const raw = fs.readFileSync(path.join(REPO_ROOT, ".env"), "utf8");
Can call paid AI services billed to you
The author does not mention this.
Found in 1 place.
Safer alternatives
Low-risk skills in the same category (design) that look related. Check that one does what you need.
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'ui2v-motions' ] || [ -L ~/.agents/skills/'ui2v-motions' ]; then echo 'A skill folder named ui2v-motions already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/Unclecheng-li/AI_Animation' "$d" && git -C "$d" checkout --quiet '3d17ba3eb0b0ea631b593bc646b01b83c8d861e4' -- 'skills/ui2v-motions' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/ui2v-motions' ~/.agents/skills/'ui2v-motions' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'ui2v-motions' ~/.claude/skills/'ui2v-motions' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
The badge for Unclecheng-li/AI_Animation shows the score of its lowest-scoring skill.
[](https://zalavijaysinh.github.io/skilltrust/repos/Unclecheng-li/AI_Animation/)
Score history
| Date | Version | Score |
|---|
| 2026-11-07 | 3d17ba3 | 47 |