# Hyperframes Motion Library

> 视频动效模板系统。20个可复用动效模板，支持参数化修改、Agent 动效方案导入、本地批量渲染，以及纯色底 MP4、透明 MOV 与透明 WebM 导出。

- Skill: `nutllwhy/hyperframes-motion-library` (Agent Skill, multi-file: 205 files)
- Install (CLI): `npx skillmds@latest add nutllwhy/hyperframes-motion-library`
- Raw SKILL.md: https://api.skillmd.com/api/skills/nutllwhy/hyperframes-motion-library/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: AI & ML
- Author: nutllwhy (https://skillmd.com/u/nutllwhy)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/nutllwhy/hyperframes-motion-library

---


# 视频动效系统

这是一套由 **栗噔噔** 创建、以 HyperFrames 为渲染内核的本地视频动效资产库。

- GitHub：https://github.com/nutllwhy/hyperframes-motion-library
- 在线演示：https://nutllwhy.github.io/hyperframes-motion-library/
- 作者账号：小红书、抖音、视频号、公众号、B站、X、YouTube、即刻均为 **栗噔噔**

## Agent 使用顺序

1. 阅读 `README.md` 和 `PROJECT_OVERVIEW.md` 理解项目用途。
2. 阅读 `SYSTEM.md` 与 `AGENT_GUIDE.md` 理解模板入库规范。
3. 检查 `catalog.json` 与 `TEMPLATE_INDEX.md` 选择合适模板。
4. 为整条视频规划动效时，阅读 `motion-plan.schema.json` 和示例文件并输出可导入 JSON。
5. 修改模板预设中的文案、数字和颜色，或按规范新增模板。
6. 完整项目请从 GitHub 克隆后运行；RedSkill 投稿包主要用于理解源码和扩展方法。

## 核心能力

- 20 个模板，覆盖数据可视化、知识讲解和透明叠加。
- 每个模板包含源码、设计说明、变量声明和多场景预设。
- 默认视觉为黑色背景与橙色强调。
- 本地支持纯色底 MP4、透明 MOV 和透明 WebM。
- Agent 可以生成带时间码的动效方案，并由本地批量工作台顺序渲染。
- 新模板需要登记到 `catalog.json` 并通过项目校验。

## 本地安装

```bash
git clone https://github.com/nutllwhy/hyperframes-motion-library.git
cd hyperframes-motion-library
npm install
npm run dev
```

如需扩展模板，直接把 `AGENT_PROMPT.md` 的任务描述交给桌面端 Agent。