hi.starry
3 步整出
Apple 級動畫
唔使學動畫知識。用 AI + Terminal 生成極致絲滑嘅 spring physics 效果,一次安裝,永久使用。
📋
準備工作:需要先安裝
Claude Code
(免費),再跟住以下三步做。
1
第一步
打開 Claude Code 嘅 Terminal
唔使另外開 Mac 內建嗰個 Terminal App——裝好
Claude Code
之後,佢自己已經內置咗一個 Terminal,跟住做以下步驟就會用到:
打開你已經安裝嘅
Claude Code
,畫面入面已經有個 Terminal(通常喺下方或者側邊)。
見到有個
閃爍光標
、可以直接打字嘅位置——呢個就係 Claude Code 嘅 Terminal。
2
第二步
貼上一條指令,裝入動畫知識庫
複製以下指令,貼入 Claude Code 嘅 Terminal,按 Enter。
只需做一次,永久有效。
~$
git clone
https://github.com/199-biotechnologies/motion-dev-animations-skill.git
~/.claude/skills/motion-dev-animations
複製指令
呢條指令做咩?
將一個 120fps 動畫知識庫裝入 Claude Code,之後 AI 就會識得用 spring 物理效果同 GPU 加速動畫。
3
第三步
打開 Claude Code,告訴 AI 你想要咩
喺 Claude Code 入面,用自然語言描述你想要嘅動畫效果:
示例 prompt
幫我整一個展示安裝步驟嘅動畫,要有 spring 物理效果同場景切換,風格參考 Apple 產品介紹頁。
AI 會自動幫你計算
spring 物理數值
(stiffness、damping、mass),生成 120fps 流暢動畫 code——呢啲以前設計師要人手拉 keyframe 拉足半日先搞掂。
✨
效果示範
:用呢個方法整出嘅 iPhone 快速開始動畫
兩部 iPhone 入場 · spring 彈跳 · 粒子傳輸 · 進度圓環