设计资源DESIGN· MOTION
reanimate
NiazMorshed2007/reanimate
给 Claude Code 装上这个技能，就能从录屏或网站里逐帧拆解动画，自动生成匹配的代码组件。Clone any animation from a website, recording, or video file into editable components with Claude Code.
根据公开文档整理，未运行实测；费用以项目官网为准。Based on public documentation, without runtime testing. Check the project site for pricing.
- 适用平台Platforms
- claude-code
- 已识别的要求Documented requirements
- Local runtime
- 许可LICENSE
- MIT
能力CAPABILITIES
它能帮你做成什么What it helps you do
- 01
从网页URL复刻动画到指定文件
- 02
从视频文件截取时段复刻动画
- 03
精确还原GIF动画效果
- 04
替换动画中的标志并添加悬停暂停
- 01
Clone animation from any live website URL
- 02
Extract animation from screen recordings
- 03
Recreate motion from MP4, MOV, or WebM files
- 04
Generate editable components from frames
- 05
Verify the copy moves identically to the original
上手GET STARTED
怎么装How to install
npx skills add NiazMorshed2007/reanimate -g选择与你的环境对应的方式。命令来自项目文档，未运行实测。Choose the option for your environment. Commands come from project documentation and have not been run-tested.
使用限制LIMITATIONS
限制与风险Limits and risk
以下要求与风险来自文档静态检查，未执行项目代码；扫描没有命中，不代表使用安全。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.
限制LIMITS
需检查Needs review
- 01需要 API KeyREQUIRES API KEY
- 未在文档中发现Not found in the docs
- 02需要本地环境NEEDS LOCAL RUNTIME
- 是Yes
- 03需要 DockerNEEDS DOCKER
- 未在文档中发现Not found in the docs
- 04难度DIFFICULTY
- 需要本地环境Needs a local runtime
- 05许可LICENSE
- MITMIT
- 06阶段STAGE
- 新发布New
- 创建于 29 OCT 2026Created 29 OCT 2026
静态扫描STATIC SCAN
01控制浏览器Controls a browserreadme
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 f
02控制浏览器Controls a browserskills/reanimate/SKILL.md
`<skill>` below is the directory this SKILL.md lives in. Scripts need [Bun](https://bun.sh); the first run downloads Playwright's Chromium a
静态扫描发现中等风险：该技能会控制浏览器以捕捉动画帧。请仅在可信环境下使用，并确保抓取的动画来源安全。Static scan flagged a medium risk for 'controls browser' because the tool downloads Playwright's Chromium and controls it. This is expected behavior for capturing animations, but you should review the code before running it.
项目动态PROJECT ACTIVITY
它现在处在什么位置Where it stands right now
首次发现FIRST SEEN
30 OCT 202630 OCT 2026
增长GROWTH
+704.3%+704.3%
116 → 933 stars · 4 个快照116 → 933 stars · 4 snapshots
状态STATUS
新发布New
质量 AQuality A
近7天内有20次提交，开发活跃，适合尝鲜Active project with 20 commits in the past week
PROVENANCE · 这些结论的依据是什么Where these conclusions come from
- 来源 URLSource URL
- https://github.com/NiazMorshed2007/reanimate
- 原始数据哈希Raw data hash
- 16f20e5e44e208ec31261331b5329705
- 解析时间Parsed at
- 2026-10-31T23:52:06.930Z
- 最后一次验证Last verified
- 2026-11-02T22:14:53.144Z
- 增长测量时间Growth measured
- 2026-11-02T23:50:09.225Z
- 发现查询Discovery queries
- focus:any:repo:new-animation, focus:motion:repo:animation-skill, focus:motion:repo:topic-animation
- 分类来源Category source
- rules
- 焦点Focus
- motion · web (16)
完整解析证据 JSONFull parse evidence JSON
{
"agents": [
{
"agent": "claude-code",
"evidence": "readme: …ild your own on top.</b><br>A Claude Code skill that works from a live…"
}
],
"apiKey": null,
"docker": null,
"taxonomy": {
"scores": {
"design": 8,
"ai-tools": 0,
"dev-tools": 1,
"indie-web": 1,
"skill-agent": 12,
"productivity": 0
},
"primary": "design",
"secondary": "motion"
},
"localRuntime": "and WebGL it also traces the GPU calls (shaders, uniforms, draw calls, t",
"skillMdTotal": 1,
"skillMdErrors": [],
"treeTruncated": false,
"categoryScores": {
"data": 0,
"agent": 0,
"media": 2,
"design": 10,
"browser": 5,
"devtool": 1,
"security": 0,
"marketing": 0,
"productivity": 0
},
"classification": [
{
"signal": "1 SKILL.md with name + description",
"weight": 0.95
},
{
"signal": "skills/ directory with 6 markdown files",
"weight": 0.75
},
{
"signal": "README describes a Claude / Agent Skill",
"weight": 0.7
},
{
"signal": "description mentions AI",
"weight": 0.2
}
],
"scannedSources": [
"readme",
"skills/reanimate/SKILL.md"
],
"skillMdFetched": 1
}