@hiwise_aigc: 卧槽,终于有人把 AI 听不懂的「丝滑动画」做成参考答案了! 搞 Vibe Coding 视频最烦的就是:脑子里想的是电影级动效,跟 AI 描述半天,做出来却像 PPT 翻页。 推荐开源 Skill:Motion Prompt。 把各种动…
摘要
开源 Skill「Motion Prompt」将各种动画、运镜、转场和 UI 动效整理为带可视化演示的命名库,用户可直接把提示词和参考实现交给 Claude Code 或 Codex,避免反复向 AI 描述「丝滑动画」却得不到想要效果的问题。
查看缓存全文
缓存时间: 2026/10/31 19:35
Motion Prompt|给 AI 用的「命名」库
Source: https://showheyohtaki.github.io/motion-prompt/
一个带动态示例的「命名」库,涵盖动态图形、镜头运动、UI 组件、落地页与网站演出、摄影表现等效果名称。复制提示词即可把动作规格和参考实现一起交给 AI。
命名包以 MIT 协议开源。
通过 Skill 安装
在终端执行以下命令。安装完成后,对 AI 说「把 motion-prompt 的库调出来」,就会打开这个画廊。选中喜欢的效果后点击「交给 AI」,内容就会发送给 AI。
npx skills add showheyohtaki/motion-prompt
通过提示词安装
把下面这段话粘贴给 Claude Code 或 Codex,AI 就会自动安装并告诉你用法。
请阅读 https://github.com/showheyohtaki/motion-prompt,把 motion-prompt 这个 Skill 装到当前环境中。装好后请用 3 行话告诉我用法。
示例一览
使用方法
-
调出库
对已安装 motion-prompt Skill 的 AI 说「把 motion-prompt 的库调出来」,浏览器就会打开这个画廊。
-
边看边选
点击想用的示例上的「选中」按钮。可以同时选多个。选中的内容会排列在页面底部,还可以写一句简短备注,比如「用于开头标题」。
-
交给 AI 并下达指令
点击「交给 AI」,选中的内容就会发送给 AI。之后只需说「把这段视频的开头按这种方式剪辑一下」即可。这个按钮会在 AI 打开库时显示。
这样跟 AI 说话就行
不记得名称或编号也没关系。遇到不懂的效果时,让 AI 像查字典一样把库调出来就行。
- 把 motion-prompt 的库调出来
- 有哪些镜头运动?给我看看一览
- (选好并发送之后)把这段视频的开头按这种方式剪辑一下
没有 Skill 时 / 知道编号时
如果 AI 没有安装 Skill,请用页面底部的「复制选中内容」生成文字并粘贴过去,里面包含了示例和规格的 URL。如果只选了一个,也可以使用详情页中的「复制提示词」。
如果知道编号,也可以直接说「用 motion-prompt 的 #012 和 #045」。
这里展示的只是示例。你也可以在自己的领域、用自己熟悉的语言制作类似命名的示例。制作方法与提示词(make-your-own)请参见:https://github.com/showheyohtaki/motion-prompt/blob/main/make-your-own/README.ja.md
名称一览还提供西班牙语和中文(简体字、繁体字)版本。五种语言的一览(GitHub):https://github.com/showheyohtaki/motion-prompt/tree/main/packs
相似文章
@slashui: 对动画的理解,还得是日本人。 一位日本开发者把动画设计中常用的专业术语,整理成了一个可以直接喂给 AI 的资源库。 涵盖镜头语言、UI 组件、动态图形等 5 大领域,足足 120 个动态效果案例,而且每个都有直观的动画演示。 使用方法也特…
一位日本开发者将动画设计的专业术语整理成可直接喂给 AI 的资源库,涵盖镜头语言、UI 组件、动态图形等 5 大领域、120 个带动画演示的动效案例,可配合 Claude Code 或 Codex 使用。
@Saccc_c: 发现一个动画生成神器,直接把自然语言转化成酷炫Lottie动效 下面视频演示的效果都可以一次直出,很牛逼 (提示词指南放评论区了,可以直接喂给AI帮你写好高质量提示词) 把它和HyperFrames这类视频制作工具结合,又会有不少玩法 终…
一个开源工具,利用AI代理(如Claude Code/Codex)将自然语言直接转化为可生产的Lottie动效,支持一键安装和提示词指南。
@I_am_oil_oil: 我把我用 AI 视频做动画的 Skill 开源啦:https://github.com/oil-oil/oil-motion… 整个 Skill 的流程大概是这样的: 参考素材、表达目的和控制方式 ↓ 先确认开始、中间和结束时应该是什么样…
作者开源了 oil-motion,一个用于将 AI 视频生成的连续动作接入网页滚动、鼠标等交互的 Agent Skill,包含生成、检查、压缩和前端接入的完整方案。
@Saccc_c: 想让 AI 做出专业级动画,你得先学会怎么跟它描述 Linear 设计工程师 Emil Kowalski 整理了 90+ 个动画术语,涵盖弹性动画、交互反馈等 12 个分类。做网站、做视频动画都能用 http://animations.d…
Linear设计工程师Emil Kowalski整理了90多个动画术语,涵盖12个分类,旨在帮助用户更好地向AI描述动画效果。同时,作者使用Claude构建了一个双语预览站点,方便理解每个术语的实际效果。
Claude Design Just Unlocked AI Motion Graphics
Claude Design 的动画功能可利用提示词和转录文本生成与语音同步的动态图形,本文介绍了作者使用的提示词、工作流和剪辑流程。