用途：这是一个自主智能体技能，用于分析现有代码库，并系统性地用 anime.js 为应用添加精致、性能良好的动画，适合在被要求添加动画、提升 UI 精致度或进行动画升级时使用。
主要能力：按顺序执行多个阶段。阶段一分析代码库，识别框架与结构，检测 anime.js 是否已安装，若缺失则用 npm install animejs 安装，TypeScript 项目额外安装 npm install --save-dev @types/animejs。阶段二扫描高价值动画机会，按优先级划分：P0 页面/路由过渡与加载状态，P1 列表错峰入场、模态框、表单反馈，P2 按钮与 CTA 微交互、卡片悬停，P3 图标徽章、工具提示。阶段三创建共享动画工具文件（如 src/lib/animations.ts），提供 safeAnimate、staggerIn、modalIn、buttonPress、successPop、errorShake、fadeOut、countUp、skeletonPulse 等封装，并统一处理 prefers-reduced-motion。阶段四为 React 项目创建可复用 hooks，如 useStaggeredEntrance、useButtonFeedback、useHoverLift、useCountUp。阶段五给出实施清单与顺序。阶段六提供列表、按钮、卡片、模态框等常见实现模式。
使用方式：智能体自主执行，不在步骤间请求许可。实施后输出汇总，包含创建的文件、更新的组件表格与性能说明。
限制与规则：只动画 GPU 加速属性（translate、scale、rotate、opacity），不动画 width、height、padding、margin、top/left 等会触发布局的属性；时序建议为微交互 100-200ms、按钮反馈 150ms、模态框入场 200-250ms、列表错峰间隔 50-100ms、页面过渡 300ms；须尊重减少动效偏好并验证 60fps。详细 API 与模式见参考文件 references/api-reference.md 与 references/patterns.md。