NiazMorshed2007/reanimate

reanimate 是一个 Claude Code 技能，专门用来复刻别人网站上的动画：它先用无头浏览器把参考站点的动画逐帧录下来，提取出每个元素每个属性的起止值、时长、缓动和错峰，再用你项目里已有的技术栈（CSS、Framer Motion、GSAP、three.js 等）重写一遍，然后以同样方式录制你的复制品，逐帧比对时间、缓动和像素差异，把最大的偏差修掉再录，通常 2 到 5 轮就能把数字对齐，最后列出仍未匹配的部分和原因。它解决的是让 AI 从链接或截图重建页面时「只看静态、看不见动效、也不知道差多远」的老毛病，README 里展示了 vercel.com、stripe.com、nextjs.org 等站点动画的复刻结果。适合前端和动效工程师、以及经常用 AI 编程工具做高还原度落地页的开发者；如果你的工作不涉及精细动画复刻，和你关系不大。

Star 趋势

话题标签

仓库信息