showheyohtaki/motion-prompt

多媒体与设计

把运动、运镜和网页动效整理成有名字的图库,让你能向 AI 说清楚想要的画面。

685
83
JavaScript
MIT
上线 10 天

这是一本用来查词的术语图库,不是渲染器:当你脑子里有画面、却说不清给模型或同事听时,它派得上用场。

解决什么问题

你想让标题从下方遮罩进入,或者让镜头缓缓推近人物脸部,于是打开视频模型或编程 AI。结果大致接近,却总觉得差一点,而你无法指出差在哪。缺的正是这个动作的名字。流程上改动的只是靠前的一小步:先查出术语,再把术语连同时长、幅度和运动对象一起写进提示词。AI 有了更明确的目标,你也不用反复重试。

有什么不同

每个名字都配一段循环动的样片、一句含义说明和一条示例提问。目前 7 个包、每包 24 个名字,覆盖运动图形动效、运镜、UI 组件、落地页特效和照片风格,其中运动和图库各有两个续包。先看样片再抄措辞,是这个项目的主要思路:你靠眼睛确认效果,而不是读词条解释。

实现上也有讲究。每个元素是一个 Canvas 2D 函数,画面只取决于经过的时间,因此实时播放和逐帧渲染得到同样的帧,且不依赖外部库。配套 skill 用一个精简的 Node 脚本完成查找、搜索和规格输出,README 还说明了把元素搬进视频工程的路径。代价是范围:它只是查阅和写提示词的辅助,不是编辑器也不是生成器;代码是需要你自己改的起点素材,168 个名字也是作者的一份选编,并非行业标准分类。

谁值得试

适合:在创作工具和生成式模型之间来回切换、却总说不清转场的设计师或剪辑师;也适合做落地页、想先确认某个滚动或揭示效果叫什么再动手写 CSS 的开发者。无需安装的路径在这里很关键——你可以直接翻分类清单或在线图库,只读名字即可,不涉及 Node 或 Agent。

不适合:想要现成组件或成片直接放进项目的人,以及需要这五类之外领域动效的人。这类用户从组件库或真正的剪辑工具里得到的东西更多。

使用条件与边界

可选 skill 需要 Node.js 18 及以上,以及 Claude Code、Codex 这类兼容的 Agent;用 npx skills add 或插件市场安装都要联网,README 说明数据源不可达时会返回退出码 3。这些对手动方式都不成立:把 skill 文件夹复制过去,或干脆只读清单,都可以绕开安装器。日常维护方面,元素代码以 MIT 许可允许商用,但复用元素要保留首行的署名注释,样片画面还依赖所属包的共享 kit 辅助函数。

两个实际边界:名字清单目前只有英文和日文,不过仓库附带了翻译提示词,可据此生成其他语言版本;目录也通过 CONTRIBUTING.md 开放新增包。

HotRepo 点评

HotRepo 从 2026-10-24 起记录该项目;2026-10-25 的新项目榜(并非总榜)快照显示 JavaScript 分类下共 685 星、排第 16。这只是单次快照,不是增长曲线,10 天的年龄也不足以判断能否持续。如果你的瓶颈正是动效措辞,值得翻一翻;安装前先确认包里那些名字是否真的对应你常想要的效果。

本文由 AI 根据项目 README 生成,更新于 2026年10月25日,以项目官方文档为准。