Motion Face

Motion Face 是一个面向设计师、前端开发者和创作者的动效灵感与复刻平台。它通过动效视频广场收集网页动画、视觉效果和交互片段，帮助用户解决“看到喜欢的效果，却很难分析并还原成代码”的问题。

用户可以从广场中的视频开始，复制复刻提示词交给编码 Agent，由 AI 分析画面结构、节奏和视觉效果，并使用 Remotion 生成可运行的动效代码，再提交到 GitHub 仓库与原视频绑定。平台还支持通过浏览器插件收集 Pinterest 或普通网页中的动效，以及上传本地视频、整理作品并发布分享。官方主页

核心功能

动效灵感广场：浏览和筛选社区中的动效片段，收藏感兴趣的网页动画或视觉参考，并查看其他用户发布的复刻作品和代码仓库。

AI 动效复刻：在视频卡片上复制复刻提示词，交给支持的编码 Agent 分析参考视频，并用 Remotion 生成对应的动画项目和代码。

浏览器插件采集：安装 Chrome 插件后，可从 Pinterest 获取当前视频，也能录制普通网页上的动效，预览、裁剪后保存到自己的动效片段库。

作品发布与代码绑定：上传 MP4 或 WebM 视频，编辑标题和介绍，绑定公开 GitHub 仓库，再将动效发布到广场，方便他人查看成片和实现代码。

适合谁

• 想收集网页动效、交互动画和视觉参考的设计师。

• 希望用 AI 快速复刻动画效果的前端开发者。

• 正在使用 Remotion、Codex、Cursor 或 Claude Code 制作视频和动效的创作者。

• 想把自己的动效作品、视频片段和 GitHub 代码公开分享的人。

使用方式

1. 使用 GitHub 登录 Motion Face，并按指南连接支持的编码 Agent。

2. 在动效广场选择喜欢的视频，或通过浏览器插件、本地上传功能收集动效片段。

3. 复制视频对应的复刻提示词，交给编码 Agent 分析并使用 Remotion 还原。

4. 让 Agent 将项目提交到公开 GitHub 仓库，再回到 Motion Face 绑定仓库。

5. 编辑作品信息并发布到动效广场，分享视频和代码链接。