（8545期）Animate – 跨平台动效规范与性能守护系统

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