hi.starry

3 步整出
Apple 級動畫

唔使學動畫知識。用 AI + Terminal 生成極致絲滑嘅 spring physics 效果,一次安裝,永久使用。

📋
準備工作:需要先安裝 Claude Code(免費),再跟住以下三步做。
1
第一步
打開 Terminal(終端機)
Terminal 係 Mac 內建嘅免費工具,唔使另外安裝。有兩個方法打開:
方法一(最快):
+ Space → 輸入 Terminal → 按 Enter
方法二:Finder → 應用程式 → 工具程式 → Terminal
打開後你會見到一個黑色視窗,有個閃爍光標——呢個就係 Terminal。
2
第二步
貼上一條指令,裝入動畫知識庫
複製以下指令,貼入 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 彈跳 · 粒子傳輸 · 進度圓環