AGENT SKILL

ui2v

Use when helping users discover, install, publish, share, sync, or update UI2V video motion assets and HyperFrames motion packages. Route video creation, preview, and rendering to HyperFrames skills.

License 许可
MIT
最近更新
2026-10-27
Stars
★ 1.8k
Forks
135

01 前言 Front Matter

name
ui2v
version
2.1.0
metadata
{ "short-description": "AI 驱动的 UI2V 视频动效资源库" }
description
Use when helping users discover, install, publish, share, sync, or update UI2V video motion assets and HyperFrames motion packages. Route video creation, preview, and rendering to HyperFrames skills.
display_name
UI2V视频动效资源库
description_en
Let AI help you discover, install, and share UI2V video motion assets. Search, install, publish, sync, and update HyperFrames motion packages so existing animations are easy to reuse and original work can reach more people.
description_zh
让 AI 帮你发现、安装和分享 UI2V 视频动效资源。支持 HyperFrames 动效包的搜索、安装、发布、同步与更新,让已有动效轻松复用,也让原创作品更容易被发现。
display_name_en
UI2V Video Motion Asset Library

02 资源文件 5

03 SKILL.md 正文

ui2v Skill

UI2V 是面向 AI 工作流的 视频动效资源库。它帮助用户发现、安装、复用和分享 HyperFrames 动效包;实际的视频创作、预览和渲染由 HyperFrames 完成。

For project positioning, README copy, npm copy, website copy, or launch/promo text, read references/positioning.md.

Mental model

HyperFrames authoring -> package folder -> ui2v login -> ui2v motion publish -> ui2v.com
Layer Tool
Author / preview / render HyperFrames (/hyperframes and related skills)
Search / install / publish / sync ui2v CLI (npm package @ui2v/cli, bin ui2v)

Do not use the abandoned @ui2v/cli@1.x JSON render/preview stack (doctor, validate, preview, render, animation.json, @ui2v/core, @ui2v/engine, @ui2v/producer). The current @ui2v/cli package is the registry client.

Task routing

Use this skill for registry work and CLI/package maintenance:

  • Publish/share/install/search a motion on ui2v.com → use this skill and the ui2v CLI.
  • Fix or extend the UI2V CLI → inspect packages/ui2v/src/cli, update focused tests, then run the repo verification commands below.
  • Fix registry package metadata or a publish failure → read references/package-format.md and references/publish.md.
  • Update website, README, npm, or promo copy → read references/positioning.md; keep package references as npm @ui2v/cli, bin command ui2v, and npx command npx @ui2v/cli@latest ....
  • Clean project structure → read references/cleanup.md; remove or route away from legacy JSON renderer examples/scripts; do not present them as current UI2V capabilities.
  • Prepare or explain a release → read references/release.md; verify versions, tests, build, and npm copy.

Route away from this skill when the user is not doing registry work:

  • Make / edit / preview / render a video composition → use HyperFrames skills, not this CLI.
  • Old JSON ui2v projects → do not revive the old JSON toolchain. Migrate to a HyperFrames package, then publish with ui2v.

CLI version gate

Before publish/install/sync that depends on current CLI behavior:

ui2v --cli-version
npm view @ui2v/cli version
  • Missing CLI → install: npm install -g @ui2v/cli@latest (or bun install -g @ui2v/cli)
  • Behind latest → ui2v upgrade (alias self-update), or npm install -g @ui2v/cli@latest
  • Under --no-input, ui2v upgrade only prints the install command and exits non-zero when outdated

npm view is metadata only. Do not upgrade as a routine first step unless the CLI is missing, too old for the task, broken, or the user asks for latest.

From this monorepo before publishing:

cd packages/ui2v && bun run build && node bin/ui2v.js --cli-version

Monorepo development workflow

For CLI source changes in this repository:

bun install
bun run build
bun run test
bun run --filter "@ui2v/cli" verify
node packages/ui2v/bin/ui2v.js --help
node packages/ui2v/bin/ui2v.js --cli-version

Prefer the narrowest useful test first while iterating:

cd packages/ui2v
bun run test:src
bun run verify:build
bun run test:artifact

Package shape

A motion folder must include:

  • registry-item.json with type: "hyperframes:block"
  • Entry composition HTML (index.html or listed composition file)
  • Optional assets/, README.md, thumbnail

Details: references/package-format.md.

Positioning

When introducing the project, use this core message:

让 AI 帮你发现、安装和分享 UI2V 视频动效资源:
搜索并安装现成动效,发布原创作品,让动画像依赖一样轻松复用。

Do not call UI2V a renderer. Keep the boundary crisp:

  • HyperFrames creates, previews, and renders motion.
  • UI2V distributes completed motion packages through search, install, publish, sync, and inspect workflows.

Publish flow

ui2v login
ui2v motion publish ./my-motion --version 1.0.0
# optional: ui2v sync

Aliases: ui2v skill publish, legacy ui2v publish.

Full checklist: references/publish.md.

Release flow

For npm release preparation, use references/release.md. Do not publish or bump versions casually; first confirm the requested version and run local verification.

Common registry commands

ui2v search "logo sting"
ui2v install <slug>
ui2v list
ui2v update --all
ui2v explore
ui2v inspect <slug>
ui2v upgrade

Install command shown on the site: npx @ui2v/cli@latest install <slug>.

Troubleshooting cookbook

  • CLI not found → install @ui2v/cli, then confirm ui2v --cli-version.
  • Outdated CLI → run ui2v upgrade or npm install -g @ui2v/cli@latest.
  • Auth failure → run ui2v login; for automation use ui2v login --token clh_... only when the user provides a token.
  • Publish rejects version → ensure --version is valid semver and is newer than the published release.
  • Missing entry HTML → check index.html, first files[] composition path, or {name}.html.
  • Manifest validation failure → check type: "hyperframes:block", dimensions, duration, and files[] using references/package-format.md.
  • Render/preview request appears → stop using UI2V commands and route to HyperFrames.

04 同仓库更多 Skills

Unclecheng-li
Unclecheng-li/AI_Animation

win11-ui-demos

制作"仿 Windows 11 系统 UI"的写实仿真网页演示动画——观众像在看一台真 Win11 电脑的精心编排录屏:桌面、任务栏、资源管理器、开始菜单、右键菜单、系统对话框、通知、WinRE 蓝屏 1:1 还原,光标演出引导操作,教学标记层叠加讲解,电影化播放器全屏录屏即成片。只要用户提到:仿 Win11/Windows 演示、系统 UI 仿真动画、电脑教学演示页、软件操作教程动画、把 Windows 操作过程做成动画、或要求改造升级一批系统界面风格演示页——就用本 Skill。内容开放不设限:任何电脑操作、系统知识、软件教程、安全科普都能转译成"真电脑里发生的事"。

设计师演示文稿
★ 1.8k
Unclecheng-li
Unclecheng-li/AI_Animation

video-shot-demos

为视频/课程/解说文案制作"每镜头一个 HTML"的高完成度网页演示动画(分镜演示页、视频配套演示动画、录屏用动画网页、科普/技术/产品发布可视化镜头)。只要用户提到:给视频做演示动画网页、分镜 HTML、shot 页面、把口播稿/大纲做成动画、视频画面设计网页版、录一段网页动画、或要求改造升级一批已有演示页——就用本 Skill。核心是统一的电影化播放器机制 + 每页完全不同的视觉风格 + 镜头语言 + 同步音效 + 角色表情吐槽,内容完全开放不设限。

演示文稿前端开发
★ 1.8k
Unclecheng-li
Unclecheng-li/AI_Animation

video-qa-frameproof

FrameProof 代码/Agent 生成视频的生成后 QA:空帧冻结、字幕、音频、编码元数据、Render Manifest 源码定位、Fix Packets 与 baseline 回归门禁。用于验收 MP4、定位渲染缺陷、自动修复后复检或为视频 PR/CI 增加质量门。

图像与多媒体Skill与智能体开发
★ 1.8k
Unclecheng-li
Unclecheng-li/AI_Animation

ui2v-motions

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 时间轴上驱动。

演示文稿Skill与智能体开发
★ 1.8k
Unclecheng-li
Unclecheng-li/AI_Animation

wireframe-portal-title

A wireframe portal bursts open, the title comes through, then its letters swap into a second phrase. HyperFrames block, 1920×1080, 8s, 9 variables.

★ 1.8k
Unclecheng-li
Unclecheng-li/AI_Animation

plotbeat

Build deterministic, editable data-visualization videos from local CSV/JSON or data fetched from a user-approved URL, API, or public source by adapting native HyperFrames templates and selectable visual-style presets. Requires the HyperFrames AI skill. Use when a user wants a line-chart story, multi-series ranking, animated chart, data-driven motion graphic, or a new reusable data-video template in HyperFrames. This is a HyperFrames templating workflow, not a standalone video generator or renderer.

数据分析师分析与可视化图像与多媒体
★ 1.8k