animate-pro 是一个专注于界面动效与微交互的技能模块（版本 v1.0.0），其核心定位是“有目的运动与微交互的大师”，面向高端界面，强调自然缓动、GPU 加速动画以及 Framer Motion 的运用。
用途 该技能用于让界面通过有目的、高性能的运动“活起来”。它明确主张：动画不是装饰，而是沟通、反馈与愉悦感。它聚焦自然减速、无障碍优先的运动策略（prefers-reduced-motion）以及技术卓越性，目标是确保 120fps 的体验。
主要能力与运动协议 它提供了一套“运动协议”（The Motion Protocol）作为工作流程：评估机会，找出缺乏反馈或过渡生硬的静态区域；收集背景，定义品牌个性（活泼还是严肃）与受众；对齐 DNA，查阅 IMPECCABLE_DNA.md 以获取强制的缓动与时长标准；实施，使用 transform 和 opacity 确保 GPU 加速；无障碍检查，实现减少运动（reduced-motion）的替代方案。
强制标准（2026） 缓动规范：避免 linear 或标准 ease，使用自然的指数减速曲线，包括 Refined: cubic-bezier(0.25, 1, 0.5, 1)（ease-out-quart）、Snappy: cubic-bezier(0.22, 1, 0.36, 1)（ease-out-quint）、Confident: cubic-bezier(0.16, 1, 0.3, 1)（ease-out-expo）；明确禁止使用 bounce 或 elastic 缓动。 时长规范：100-150ms 用于即时反馈（开关、按钮点击）；200-300ms 用于状态变化（悬停、菜单展开）；300-500ms 用于布局变化（手风琴、模态框）；500-800ms 用于入场编排（页面加载）。 GPU 优先执行：只对 transform（scale、translate、rotate）和 opacity 做动画；避免对 width、height、top、padding 做动画以防布局抖动；高度展开可用 grid-template-rows 实现。
使用方式与示例 资料给出了 Framer Motion 交错入场（React 19）的代码示例：通过 motion 定义 container 与 item 的 variants，container 的 show 中使用 staggerChildren: 0.1 与 ease: [0.16, 1, 0.3, 1]，item 从 opacity 0、y 20 过渡到 opacity 1、y 0，并用 motion.ul 与 motion.li 渲染列表。
反模式清单 禁止对布局属性（如 margin、width）做动画；禁止在长动画期间阻塞用户交互；禁止对所有东西都做动画（“动画疲劳”是设计失败）；禁止使用默认 CSS 缓动（显得机械、通用）；禁止忽略 prefers-reduced-motion。
适用场景 适合需要在 React 等前端环境中打造高质感过渡、列表入场、状态变化、菜单展开、手风琴与模态框等动效的界面开发场景，也适合需要兼顾性能与无障碍的动效设计。
限制与未提供信息 资料未说明安装方式、具体运行环境、支持的框架版本范围、收费或价格信息，这些内容暂未提供。