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
- 参考文档references/cleanup.md1.5 KB
- 参考文档references/package-format.md1.5 KB
- 参考文档references/positioning.md2.4 KB
- 参考文档references/publish.md1.8 KB
- 参考文档references/release.md1.1 KB
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
ui2vCLI. - 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.mdandreferences/publish.md. - Update website, README, npm, or promo copy → read
references/positioning.md; keep package references as npm@ui2v/cli, bin commandui2v, and npx commandnpx @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(orbun install -g @ui2v/cli) - Behind latest →
ui2v upgrade(aliasself-update), ornpm install -g @ui2v/cli@latest - Under
--no-input,ui2v upgradeonly 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.jsonwithtype: "hyperframes:block"- Entry composition HTML (
index.htmlor 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 confirmui2v --cli-version. - Outdated CLI → run
ui2v upgradeornpm install -g @ui2v/cli@latest. - Auth failure → run
ui2v login; for automation useui2v login --token clh_...only when the user provides a token. - Publish rejects version → ensure
--versionis valid semver and is newer than the published release. - Missing entry HTML → check
index.html, firstfiles[]composition path, or{name}.html. - Manifest validation failure → check
type: "hyperframes:block", dimensions, duration, andfiles[]usingreferences/package-format.md. - Render/preview request appears → stop using UI2V commands and route to HyperFrames.
04 同仓库更多 Skills
win11-ui-demos
制作"仿 Windows 11 系统 UI"的写实仿真网页演示动画——观众像在看一台真 Win11 电脑的精心编排录屏:桌面、任务栏、资源管理器、开始菜单、右键菜单、系统对话框、通知、WinRE 蓝屏 1:1 还原,光标演出引导操作,教学标记层叠加讲解,电影化播放器全屏录屏即成片。只要用户提到:仿 Win11/Windows 演示、系统 UI 仿真动画、电脑教学演示页、软件操作教程动画、把 Windows 操作过程做成动画、或要求改造升级一批系统界面风格演示页——就用本 Skill。内容开放不设限:任何电脑操作、系统知识、软件教程、安全科普都能转译成"真电脑里发生的事"。
video-shot-demos
为视频/课程/解说文案制作"每镜头一个 HTML"的高完成度网页演示动画(分镜演示页、视频配套演示动画、录屏用动画网页、科普/技术/产品发布可视化镜头)。只要用户提到:给视频做演示动画网页、分镜 HTML、shot 页面、把口播稿/大纲做成动画、视频画面设计网页版、录一段网页动画、或要求改造升级一批已有演示页——就用本 Skill。核心是统一的电影化播放器机制 + 每页完全不同的视觉风格 + 镜头语言 + 同步音效 + 角色表情吐槽,内容完全开放不设限。
video-qa-frameproof
FrameProof 代码/Agent 生成视频的生成后 QA:空帧冻结、字幕、音频、编码元数据、Render Manifest 源码定位、Fix Packets 与 baseline 回归门禁。用于验收 MP4、定位渲染缺陷、自动修复后复检或为视频 PR/CI 增加质量门。
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 时间轴上驱动。
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.
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.