什麼是 motion？
使用 Motion (Framer Motion) 建立 React 動畫 - 手勢（拖曳、懸停、點擊）、滾動效果、彈簧物理、佈局動畫、SVG。套裝：2.3 KB（迷你）至 34 KB（完整）。 使用場合：拖曳、滾動動畫、模態、輪播、視差。故障排除：AnimatePresence 退出、清單效能、Tailwind 衝突、Next.js「使用客戶端」。 來源：fellipeutaka/leon。
·motion
</>
motion
✓使用 Motion (Framer Motion) 建立 React 動畫 - 手勢（拖曳、懸停、點擊）、滾動效果、彈簧物理、佈局動畫、SVG。套裝：2.3 KB（迷你）至 34 KB（完整）。 使用場合：拖曳、滾動動畫、模態、輪播、視差。故障排除：AnimatePresence 退出、清單效能、Tailwind 衝突、Next.js「使用客戶端」。
如何安裝 motion
透過命令列快速安裝 motion AI 技能到你的開發環境
- 開啟終端機: 開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等）
- 執行安裝指令: 複製並執行以下指令：npx skills add https://github.com/fellipeutaka/leon --skill motion
- 驗證安裝: 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
來源：fellipeutaka/leon。
SKILL.md
查看原文Motion (package: motion, formerly framer-motion) is the industry-standard React animation library used in production by thousands of applications. With 30,200+ GitHub stars and 300+ official examples, it provides a declarative API for creating sophisticated animations with minimal code.
Production Tested: React 19.2, Next.js 16.1, Vite 7.3, Tailwind v4
Performance: Uses native ScrollTimeline API when available for hardware acceleration.
使用 Motion (Framer Motion) 建立 React 動畫 - 手勢（拖曳、懸停、點擊）、滾動效果、彈簧物理、佈局動畫、SVG。套裝：2.3 KB（迷你）至 34 KB（完整）。 使用場合：拖曳、滾動動畫、模態、輪播、視差。故障排除：AnimatePresence 退出、清單效能、Tailwind 衝突、Next.js「使用客戶端」。 來源：fellipeutaka/leon。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/fellipeutaka/leon --skill motion- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-21
- 更新時間
- 2026-03-10
快速解答
如何安裝 motion？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/fellipeutaka/leon --skill motion 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
這個 Skill 的原始碼在哪？
https://github.com/fellipeutaka/leon
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-21