·spring-animation
*

spring-animation

用於運動圖形影片製作的遠端彈簧物理。彈性入口、彈性軌跡、精心安排的序列、物理預設和有機運動模式是 interpolate() 單獨無法實現的。

25安裝·1熱度·@notedit

安裝

$npx skills add https://github.com/notedit/happy-skills --skill spring-animation

如何安裝 spring-animation

透過命令列快速安裝 spring-animation AI 技能到你的開發環境

  1. 開啟終端機: 開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 執行安裝指令: 複製並執行以下指令:npx skills add https://github.com/notedit/happy-skills --skill spring-animation
  3. 驗證安裝: 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

來源:notedit/happy-skills。

SKILL.md

查看原文

Use this skill when creating Remotion video compositions that need spring physics -- natural, organic motion with bounce, overshoot, and elastic settling.

Note: @react-spring/web is NOT compatible with Remotion (it uses requestAnimationFrame internally). This skill uses Remotion's native spring() function which provides the same physics model in a frame-deterministic way.

Returns a value from 0 to 1 (can overshoot past 1 with low damping) based on spring physics simulation.

用於運動圖形影片製作的遠端彈簧物理。彈性入口、彈性軌跡、精心安排的序列、物理預設和有機運動模式是 interpolate() 單獨無法實現的。 來源:notedit/happy-skills。

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/notedit/happy-skills --skill spring-animation
分類
*創意媒體
認證
收錄時間
2026-02-24
更新時間
2026-03-10

Browse more skills from notedit/happy-skills

快速解答

什麼是 spring-animation?

用於運動圖形影片製作的遠端彈簧物理。彈性入口、彈性軌跡、精心安排的序列、物理預設和有機運動模式是 interpolate() 單獨無法實現的。 來源:notedit/happy-skills。

如何安裝 spring-animation?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/notedit/happy-skills --skill spring-animation 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

這個 Skill 的原始碼在哪?

https://github.com/notedit/happy-skills