animate

用途：分析现有功能，找出缺少反馈、过渡生硬、关系不清或缺乏趣味的位置，策略性地加入动画与微交互，增强理解与反馈。默认使用 Tailwind CSS 处理样式与状态过渡，除非用户明确要求其他方案。依赖：需要先使用 frontend-design 技能并遵循其 Context Gathering Protocol；若无设计上下文，必须先运行 teach-impeccable。对多行文本尺寸相关的运动，可在 JS/TS 栈用 @chenglou/pretext 预测量文本；纯静态 HTML/CDN 或无 JS 构建管线时跳过，改用响应式 CSS 尺寸约束。组件参考可来自 UIverse、FlyonUI、daisyUI，但需重新编排状态与过渡，避免照搬。能力：覆盖入场、微交互、状态过渡、导航流程、反馈引导与愉悦时刻；要求建立 MOTION_INDEX，实质动画至少 5 种运动族、3 种触发器、2 套自定义过渡，并设 Anti-AI Motion Gate 避免模板化。实现建议：反馈 100-150ms、状态变化 200-300ms、布局 300-500ms、入场 500-800ms；退出约为入场的 75%；推荐 ease-out-quart/quint/expo，避免 bounce/elastic；仅用 transform 与 opacity，兼顾 60fps 与无障碍。限制：所有具体效果、收费与平台信息暂未提供。