nutllwhy 视频动效系统
这是一套由 栗噔噔 创建、以 HyperFrames 为渲染内核的本地视频动效资产库。
- GitHub：https://github.com/nutllwhy/hyperframes-motion-library
- 在线演示：https://nutllwhy.github.io/hyperframes-motion-library/
- 作者账号：小红书、抖音、视频号、公众号、B站、X、YouTube、即刻均为 栗噔噔
Agent 使用顺序
- 阅读
README.md和PROJECT_OVERVIEW.md理解项目用途。 - 阅读
SYSTEM.md与AGENT_GUIDE.md理解模板入库规范。 - 检查
catalog.json与TEMPLATE_INDEX.md选择合适模板。 - 为整条视频规划动效时，阅读
motion-plan.schema.json和示例文件并输出可导入 JSON。 - 修改模板预设中的文案、数字和颜色，或按规范新增模板。
- 完整项目请从 GitHub 克隆后运行；RedSkill 投稿包主要用于理解源码和扩展方法。
核心能力
- 20 个模板，覆盖数据可视化、知识讲解和透明叠加。
- 每个模板包含源码、设计说明、变量声明和多场景预设。
- 默认视觉为黑色背景与橙色强调。
- 本地支持纯色底 MP4、透明 MOV 和透明 WebM。
- Agent 可以生成带时间码的动效方案，并由本地批量工作台顺序渲染。
- 新模板需要登记到
catalog.json并通过项目校验。
本地安装
git clone https://github.com/nutllwhy/hyperframes-motion-library.git
cd hyperframes-motion-library
npm install
npm run dev
如需扩展模板，直接把 AGENT_PROMPT.md 的任务描述交给桌面端 Agent。