reanimate

こんなときに使います

他サイトの動きを参考に自分のサイトのアニメーションを作りたいとき

使う前に：初回に約250MBの部品を取り込みます。

できること

• ✓URL・画面録画・MP4・GIF・Lottie から動きを読み取れる
• ✓要素ごとに開始時刻・長さ・動き方をまとめた表を作る
• ✓CSS や Framer Motion、GSAP など手元の技術で作り直す
• ✓元と再現を比べ、ずれを直す作業を通常2〜5回繰り返す
• ✓動きだけ合わせるか、色や文字など見た目まで合わせるかを選べる

始める前に必要なもの

• Bun 1.1以上
• macOS か Linux

入れ方

下の文を Claude Code に貼ると、入れる前に中身の説明を受けられます。説明を読んで、実行するコマンドや外部への送り先に納得できたときだけ入れてください。リンク先は作者が書き換えることがあり、当サイトは安全を保証するものではありません。

https://github.com/NiazMorshed2007/reanimate

このスキルを入れる前に、中身を読んで次の3つを説明して。まだ入れないで、私の返事を待って。
1. 何をするものか
2. 実行するコマンドやスクリプト
3. 外部に送るデータと送り先

GitHubで中身を見る →

基本情報

種類

スキル

分類

デザイン

GitHubのスター

1,220

最終更新

2026-10-31

ライセンス

MIT

掲載元

GitHub（作者のREADME）

説明はGitHub（作者のREADME）の内容をもとに、日本語でまとめ直したものです。確認日：2026-11-05