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 彈跳 · 粒子傳輸 · 進度圓環