什麼是 animation-performance？
提供 React Native Reanimated、React Native Worklets、React Native Gesture Handler 效能最佳化指南，以實現流暢的動畫。適用於涉及共享值、工作集、幀回調、手勢處理程序、動畫樣式、重新渲染或調試動畫卡頓和幀丟失的任務。 來源：sovranbitcoin/sovran。
·animation-performance
*
animation-performance
✓提供 React Native Reanimated、React Native Worklets、React Native Gesture Handler 效能最佳化指南，以實現流暢的動畫。適用於涉及共享值、工作集、幀回調、手勢處理程序、動畫樣式、重新渲染或調試動畫卡頓和幀丟失的任務。
如何安裝 animation-performance
透過命令列快速安裝 animation-performance AI 技能到你的開發環境
- 開啟終端機: 開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等）
- 執行安裝指令: 複製並執行以下指令：npx skills add https://github.com/sovranbitcoin/sovran --skill animation-performance
- 驗證安裝: 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
來源：sovranbitcoin/sovran。
SKILL.md
查看原文Performance optimization guide for React Native Reanimated animations, covering shared values, worklets, memoization, and rendering optimizations. These guidelines ensure buttery smooth animations at 60fps.
| 1 | Shared Values Usage | CRITICAL | shared-values- | | 2 | Re-renders | CRITICAL | re-renders- | | 3 | Memoization | HIGH | memoization- | | 4 | Animation Calculations | HIGH | calculations- | | 5 | Layout vs Transform | HIGH | layout- | | 6 | Reactions | HIGH | reactions- | | 7 | Hooks Selection | HIGH | hooks- |
| 8 | Animation Lifecycle | MEDIUM | animations- | | 9 | Component Limits | MEDIUM | limits- | | 10 | Scroll Optimization | MEDIUM | scroll- |
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/sovranbitcoin/sovran --skill animation-performance- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-22
- 更新時間
- 2026-03-10
快速解答
如何安裝 animation-performance？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/sovranbitcoin/sovran --skill animation-performance 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
這個 Skill 的原始碼在哪？
https://github.com/sovranbitcoin/sovran
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-22