Animate 是一套面向现代跨平台开发的UI动效设计系统，支持 Flutter、React/Next.js、SwiftUI、Jetpack Compose 和 React Native 等主流技术栈。其核心定位是将模糊的"做动画"需求转化为可执行的动效契约（Motion Contract）——明确定义触发条件、状态变化、时长缓动、取消行为及验收标准。
核心用法
1. 动效契约先行：在编码前强制输出包含触发器、受影响表面、初始/终止状态、减少动效回退、具体数值（时长/缓动/弹簧参数）及验收标准的文档
2. 平台路由决策：根据技术栈选择最高层级的安全抽象——Flutter的Hero/AnimatedSwitcher、React的CSS过渡与Motion API、SwiftUI的matchedGeometryEffect、Compose的AnimatedVisibility等，避免不必要的底层动画代码
3. 内存驱动配置：通过~/animate/目录下的tokens.md（时长/缓动阶梯）、patterns.md（验证模式）、platform-notes.md（栈特定决策）实现可复用的动效系统
显著优点
- 工程化动效：将"精致"转化为可量化的
duration/easing值，消除"smooth"/"premium"等模糊描述 - 性能优先架构：强制使用合成器安全属性（transform/opacity/scale），限制布局触发；要求定义中断行为（快速点击、返回手势、导航取消）
- 无障碍内建：默认支持
prefers-reduced-motion和系统动画缩放设置，禁止单独依赖运动传达状态 - 全状态覆盖：不仅处理理想路径，更规范加载、错误、空态、重试等边缘状态的动效
潜在局限
- 认知负担：动效契约的前置要求增加了小型项目的文档开销
- 平台差异抽象损耗：高层API封装可能牺牲特定平台的原生表现力
- 无自动生成代码：仅提供规范与片段，不直接输出生产代码
适用人群
- 需要跨平台一致动效体验的产品团队
- 重视性能与可访问性的中大型企业应用开发者
- 希望建立可维护动效系统的设计系统负责人
风险提示
- 需配合
flutter/react/swift等关联技能获取平台深度知识 - 本地记忆文件（
~/animate/）需手动备份，无自动同步机制 - 不处理视频编辑、GIF渲染等媒体编码场景