用途：该技能是一份 Framer Motion 性能优化指南，适用于在 React 应用中使用 Framer Motion 添加动画、优化动画密集应用的包体积、防止动画期间不必要的重渲染、实现布局过渡或共享元素动画，以及构建滚动联动或手势交互时参考。
主要能力：指南包含 42 条规则，按影响程度分为 9 类：包体积优化（CRITICAL，bundle- 前缀）、重渲染预防（CRITICAL，rerender-）、动画属性（HIGH，anim-）、布局动画（HIGH，layout-）、滚动动画（MEDIUM-HIGH，scroll-）、手势优化（MEDIUM，gesture-）、弹簧与物理（MEDIUM，spring-）、SVG 与路径动画（LOW-MEDIUM，svg-）、退出动画（LOW，exit-）。规则覆盖如使用 LazyMotion 与 m 组件替代 motion、动态导入动画特性、用 useMotionValue 替代 useState、在组件外定义 variants、使用 layoutDependency 限制测量、用 useScroll 实现滚动联动、用 whileHover/whileTap 替代事件处理器、用 pathLength 实现线条绘制等具体做法。
使用方式：可读取各参考文件获取详细说明与代码示例，包括章节定义（类别结构与影响等级）、规则模板（新增规则用），以及 references/_sections.md、assets/templates/_template.md、metadata.json 等文件。
适用场景：编写、审查或重构 React + Framer Motion 动画代码，尤其是关注性能、包体积和重渲染问题的场景；也适合自动化重构与代码生成时作为规则来源。
限制：资料未提供安装命令、运行命令、收费或价格信息、具体平台支持范围，也未给出每条规则的完整正文与示例内容，这些需查阅各参考文件，暂未提供更多细节。