NiazMorshed2007/reanimate

选用指南

AI 根据 README 整理 · 2026/10/31 21:51:44

使用方式

通过Claude Code中的斜杠命令使用，例如/reanimate指定源和目标。

查看 README 依据

The [skills CLI](https://skills.sh) asks which agents to set up; add `-a claude-code` to skip the question. Then, in Claude Code, say what you want, where it is and where it should go: ```text /reanimate the hero entrance on https://example.com, into components/Hero.tsx /reanimate this loader, 0:03 to 0:05 of ~/Downloads/loader.mov /reanimate the card hover in this gif, match it exactly /reanimate the logo marquee from https://example.com, with our logos and pause on hover ```

部署要求

需要Bun 1.1或更高版本，macOS或Linux系统（Windows未测试），首次运行会安装约250MB的ffmpeg和Playwright Chromium，无需API密钥。

查看 README 依据

Needs [Bun](https://bun.sh) 1.1 or later, on macOS or Linux (Windows is untested). The first run installs a static ffmpeg into the skill's folder and Playwright's Chromium into Playwright's usual cache, about 250 MB together. No API keys. Other agents that read `SKILL.md` can install it too, but it has only been tested with Claude Code. ## How it works

已知限制

无法直接录制需要登录的页面、YouTube和Loom，物理弹簧效果通过拟合近似而非直接读取，Worker的时钟运行在实时而非虚拟时钟，iframe中的画布需要提供iframe自身的URL。

查看 README 依据

On live stripe.com this recovers the issuing card's four-pass composite, its shaders and constants such as `u_twistFrequencyX = 0.059`. It also records the card's tilt as a curve: −0.174 → 0.262 rad between 33 and 1800 ms on the pointer path. `gl.ts compare` then checks the clone against it channel by channel; the tilt matched within 33 ms and 0.5 % of its range. See [`references/webgl.md`](skills/reanimate/references/webgl.md). ## Limits - Pages behind a login, YouTube and Loom can't be recorded directly; hand it a screen recording.

- Physics springs are fitted from their overshoot and settle time, not read from the source. - Workers are seeded and traced, but their own clocks run in real time. Canvases inside iframes need the iframe's own URL. - When a clone can't reproduce the reference's random generator, particles are compared with a blurred mismatch (density, colour, motion) instead of dot by dot. - `--gpu hardware` uses the real GPU (macOS: Metal; Linux: Vulkan, untested). The default, SwiftShader, is slower but gives the same pixels on every machine.