example-framer-motion

用途：Framer Motion 的动画通常基于时间，而 Helios 基于帧且可拖拽定位。该技能说明如何把 Helios 的帧状态映射到 Framer Motion 的 MotionValue，实现两者逐帧同步。

主要能力：

1. 使用 useVideoFrame Hook 获取 Helios 当前帧。
2. 用 useMotionValue 创建帧对应的 MotionValue，并在帧变化时同步。
3. 用 useTransform 把帧范围映射为动画值，例如 0 到 60 帧对应 0 到 360 度旋转，0 到 30 帧对应不透明度 0 到 1。
4. 进阶方式：在 helios.subscribe 订阅中直接更新共享 MotionValue，绕过 React 状态，减少深层组件树中的重渲染。

必要用法：先确保已有 useVideoFrame Hook（见 examples/react/SKILL.md）。随后从 framer-motion 导入 useMotionValue、useTransform、motion，结合 useVideoFrame 使用。示例目录为 examples/framer-motion-animation/。

限制与未提供信息：资料未提供安装命令、依赖版本、兼容性、平台范围及收费信息，均暂未提供。