motiscope

录屏秒变动效代码，复刻任意网页动画

motiscope 是一款面向动效设计师的 AI 代理插件，能够从屏幕录制视频中自动分析动画的运动参数（如时序、缓动、交错、循环），并重新生成可用的代码，支持 GSAP、CSS、Framer Motion 和 Lottie 等多种格式。它解决了手动逆向工程网页动画耗时且容易出错的问题，让设计师无需逐帧查看视频或编写复杂代码，即可快速复现参考动画。核心能力包括：视频解析、运动特征提取、多框架代码生成，以及与 Claude Code 的深度集成。作为早期项目，它聚焦于动效复刻这一垂直场景，将 AI 视觉理解与代码生成结合，显著降低动画开发门槛。

开源 free 智能体

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 116

维护状态维护中

是否开源是

定价模式 free

项目数据

分类智能体

开发团队KumarSashank

所属国家

官网地址https://kumarsashank.github.io/motiscope

GitHubhttps://github.com/KumarSashank/motiscope

定价模式free

价格说明开源项目，MIT许可证，完全免费，可自行部署使用。

访问状态

是否开源是

开源协议MIT

主要语言Python

技术栈/模型ai-agent,animation,claude-code,claude-code-plugin,css-animation,ffmpeg,framer-motion,gsap,lottie,motion-design

GitHub 星标★ 116

30天Star增速

HF 下载量

上线时间2026-07-08 00:00:00

最近更新2026-09-22 00:00:00

维护状态维护中

中文支持

访问方式

移动端支持

综合评分

收录时间2026-08-09

浏览次数4

使用教程

核心亮点

支持 GSAP、CSS、Framer Motion、Lottie 多框架输出，覆盖主流动效场景
自动分析时序、缓动、交错、循环等关键参数，免去手动逐帧测量
与 Claude Code 深度集成，可直接在编辑器内使用，工作流顺畅

不足之处

早期项目，文档和社区支持待观察
对复杂或非标准动画的还原精度可能有限

适用场景

设计师从参考网站快速提取动画代码用于新项目
开发团队将原型视频中的动效转化为生产级代码
动效教学或演示中，将录屏动画转换为可编辑代码

替代项目

Motion DevTools、GSAP DevTools、Framer Motion 官方工具

项目介绍

motiscope 是设计创意领域的开源项目，由 KumarSashank 开发，是 2026 年新上线的项目。

它收录于设计创意分类，该分类目前共有 161 个项目，GitHub 星标数为 116。

项目仍在小幅维护中，最近一次代码更新于 2026-09-22。MIT许可证，完全免费，可自行部署使用。

它主要面向的使用场景是：设计师从参考网站快速提取动画代码用于新项目。同类可对比的替代方案包括 Motion DevTools、GSAP DevTools、Framer Motion 官方工具。

上一篇：Loomic

下一篇：subjective-zero