Motion Design · Nov 4, 2026

看到别人网站上丝滑的动效就想抄的,reanimate 这个 Claude Code skill 有点狠。

看到别人网站上丝滑的动效就想抄的,reanimate 这个 Claude Code skill 有点狠。 by Kalin | AI builds & gotchas. Watch the Motion Design video and visit the original X post.

Kalin | AI builds & gotchas@KalinJunYAI
View on X
Model not specified
1 like · 61 views on X, checked Nov 5, 2026
From the creator’s post · Kalin | AI builds & gotchas on X
看到别人网站上丝滑的动效就想抄的,reanimate 这个 Claude Code skill 有点狠。 它先把原网站的动画录下来,在你的代码里重做一遍,再用同样的方法录下自己的版本来对比。 哪里不像就接着改,一般 2 到 5 轮,5 轮还对不上就写进报告告诉你为什么。 演示里扒的是 Stripe、Resend、Clerk 的动效,鼠标悬停时卡片的倾斜能对到 0.4 像素以内。 不用 API key,第一次跑会装大约 250MB 的 ffmpeg 和浏览器。 坑是要装 Bun,只在 macOS 和 Linux 上测过,Windows 用户先别急。 拿来学人家动效怎么调挺好,原样搬上线被认出来就尴尬了,你们会拿它扒谁家的?
From the creator

The prompt behind it.

The creator has not shared a public prompt. Visit the original post for more about this work.

Video and prompt by Kalin | AI builds & gotchas. Original post ↗

Is this your work? Add the badge

Paste this on your site or README to link people to this page.

Featured on motif
<a href="https://createmotion.io/motions/x-2117912234672160938/"><img src="https://createmotion.io/featured-on-motif.svg" alt="Featured on motif" width="188" height="44"></a>