SkillCast 首批精选 Skill 正在整理中 查看市场 →
人工核验

Motion Anything 智能动效引擎

一句话描述动效,AI 自动生成动画页面与视频。本地优先、零依赖,支持多款 Agent 引擎,内置数百个动效配方,让创意轻松变成可编辑的动画。

动效动画AI生成多Agent开源设计工具

这是什么

Motion Anything 是 nexu-io 团队推出的开源智能动效引擎,属于 Open Design 生态家族。它主打“描述感受,AI 交付动画”——你只需用一句话描述想要的动效,AI 就会在本地生成可运行的动画页面或视频。

不同于传统动效工具,它完全本地优先、零 npm 依赖、无 watermark、无按次渲染费用,适合创作者和开发者快速产出高质量动效。

适合谁

适合需要为网站、演示、视频或产品界面添加动效的设计师、前端开发者、自媒体创作者,以及希望用 AI 自动化动效流程的 Agent 用户。如果你熟悉 Claude Code、Codex、Cursor 等编程代理,可以轻松上手;即使不熟悉,也能通过预设配方快速获得灵感。

能做什么

  • 一句话生成动画:输入“温柔的淡入”或“赛博朋克故障扫描线”,AI 自动生成符合意象的动效页面。
  • 组件级动效编辑:在运行中的页面上,逐个组件调整触发方式、动效动词、弹性和关键帧,直观且实时。
  • 视频合成器:制作发布视频,支持文字、形状、图片、视频图层,五个场景带转场,可直接导出 MP4/GIF。
  • 运动路径:在画布上绘制曲线,元素沿路径运动,支持吸附为直线、圆形或椭圆。
  • 丰富动效库:内置 403 个精选动效配方,包含 Kinetic Text、GPU 着色器、Canvas 引擎等,带实时预览。
  • 多引擎支持:驱动 8 款编码代理引擎 + BYOK(自带密钥),包括 Claude Code、Codex、Cursor 等。
  • 导出兼容:可导出为 JSON、CSS、React、Lottie、MP4、GIF 等多种格式。

使用前准备

你需要一个支持 Agent 的终端或编辑器(如 Claude Code、Codex、Cursor 等),并配置好对应的大模型 API 密钥。同时需要 Node.js 环境(版本未明确,建议使用最新 LTS)。由于项目是本地优先的,所有运行都在你的电脑上完成。

安装方法

README 中并未提供明确的安装命令,但仓库的 Quickstart 徽章标注为“1 command”。通常这类项目会采用克隆仓库后运行启动脚本的方式。建议访问 GitHub 仓库 查看最新的快速开始文档。如果你熟悉该项目的常见模式,可以尝试:

git clone https://github.com/nexu-io/motion-anything.git
cd motion-anything
npm install  # 如果存在 package.json
npm run dev   # 启动开发环境

具体命令以仓库 README 为准,此处仅作抛砖引玉。

使用示例

启动后,在 Home 界面输入一句动效描述,例如“让标题文字像打字机一样逐字出现”,AI 会生成对应动画。你可以在 Workbench 中点击页面任意组件,添加触发条件和动效预设,或使用关键帧编辑器微调。视频编辑器中可以组合多层内容,制作发布视频,并直接导出 MP4。

风险与注意事项

  • 依赖外部 API:虽然项目本身免费开源,但使用 AI 功能需要调用大模型 API,会产生费用,请关注密钥安全。
  • 本地占用:需要本地运行 Node 服务,消耗一定内存和 CPU。
  • 动效质量:尽管内置“克制预算”,复杂请求可能产生过度动效,建议适量使用并人工审视。
  • 版本更新:项目当前最新版本为 v0.1.0,功能仍在迭代,可能存在不稳定情况。
INSTALLATION

安装命令

TERMINAL
git clone https://github.com/nexu-io/motion-anything.git
cd motion-anything
node cli/bin/motion.js serve 4399
# open http://localhost:4399
兼容平台Claude Code、Codex、Cursor、Gemini CLI、通用 Agent
运行环境需要安装支持 Agent 的代码编辑器或 CLI,并配置对应的大模型 API 密钥
API Key需要
本地环境需要
费用免费