@hiwise_aigc: 卧槽,终于有人把 AI 听不懂的「丝滑动画」做成参考答案了! 搞 Vibe Coding 视频最烦的就是:脑子里想的是电影级动效,跟 AI 描述半天,做出来却像 PPT 翻页。 推荐开源 Skill:Motion Prompt。 把各种动…

X AI KOLs Timeline 工具

摘要

开源 Skill「Motion Prompt」将各种动画、运镜、转场和 UI 动效整理为带可视化演示的命名库,用户可直接把提示词和参考实现交给 Claude Code 或 Codex,避免反复向 AI 描述「丝滑动画」却得不到想要效果的问题。

卧槽,终于有人把 AI 听不懂的「丝滑动画」做成参考答案了! 搞 Vibe Coding 视频最烦的就是:脑子里想的是电影级动效,跟 AI 描述半天,做出来却像 PPT 翻页。 推荐开源 Skill:Motion Prompt。 把各种动画、运镜、转场、UI 动效做成可视化案例,看到喜欢的效果,直接把提示词和实现参考丢给 AI。 不用再绞尽脑汁描述,直接让 AI 照着效果做! 玩 Claude Code、Codex,尤其喜欢用 Vibe Coding 做动画的兄弟,建议收藏。 安装: npx skills add showheyohtaki/motion-prompt 项目地址: https://showheyohtaki.github.io/motion-prompt/ 以后别再跟 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 行话告诉我用法。

示例一览

使用方法

  1. 调出库

    对已安装 motion-prompt Skill 的 AI 说「把 motion-prompt 的库调出来」,浏览器就会打开这个画廊。

  2. 边看边选

    点击想用的示例上的「选中」按钮。可以同时选多个。选中的内容会排列在页面底部,还可以写一句简短备注,比如「用于开头标题」。

  3. 交给 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 个动态效果案例,而且每个都有直观的动画演示。 使用方法也特…

X AI KOLs Timeline

一位日本开发者将动画设计的专业术语整理成可直接喂给 AI 的资源库,涵盖镜头语言、UI 组件、动态图形等 5 大领域、120 个带动画演示的动效案例,可配合 Claude Code 或 Codex 使用。

@Saccc_c: 发现一个动画生成神器,直接把自然语言转化成酷炫Lottie动效 下面视频演示的效果都可以一次直出,很牛逼 (提示词指南放评论区了,可以直接喂给AI帮你写好高质量提示词) 把它和HyperFrames这类视频制作工具结合,又会有不少玩法 终…

X AI KOLs Following

一个开源工具,利用AI代理(如Claude Code/Codex)将自然语言直接转化为可生产的Lottie动效,支持一键安装和提示词指南。

@Saccc_c: 想让 AI 做出专业级动画,你得先学会怎么跟它描述 Linear 设计工程师 Emil Kowalski 整理了 90+ 个动画术语,涵盖弹性动画、交互反馈等 12 个分类。做网站、做视频动画都能用 http://animations.d…

X AI KOLs Following

Linear设计工程师Emil Kowalski整理了90多个动画术语,涵盖12个分类,旨在帮助用户更好地向AI描述动画效果。同时,作者使用Claude构建了一个双语预览站点,方便理解每个术语的实际效果。

Claude Design Just Unlocked AI Motion Graphics

YouTube AI Channels

Claude Design 的动画功能可利用提示词和转录文本生成与语音同步的动态图形,本文介绍了作者使用的提示词、工作流和剪辑流程。