Micro Interactions

interaction-design 技能可帮助团队设计并实现有明确目的的 UI 动效、微交互、过渡效果、加载状态和反馈模式，并提供实用的 React 导向参考资料与使用建议。

使用 delight skill 为成功、加载、空状态和引导流程加入得体的 UI 润色、micro-interactions 与产品个性，同时不牺牲可用性或分散用户注意力。

delight skill 可为 UI Design 工作加入恰到好处的愉悦感、个性与细节打磨。它适合用于优化成功状态、空状态、加载过程和交互体验，并提供结合上下文的 delight 安装、设置与使用指导。

使用 animate 技能审查 UI 功能，并规划有明确目的的动画、微交互和过渡效果。它可帮助你识别哪些动效能改善反馈、清晰度、层级感与愉悦感；同时需要结合 /frontend-design 提供的设计上下文，并兼顾性能与无障碍。

delight 技能可帮助 UI 团队加入有分寸的微交互、文案与反馈细节，让界面更有温度，也更容易被记住。它最适合打磨特定页面或流程，不适用于完整改版。使用 delight 前应先具备 /frontend-design 上下文；如有需要，也可先使用 /teach-impeccable。

使用 animate skill 审查某个功能，并添加有明确目的的动画、微交互与动效，提升界面清晰度、反馈感和整体精致度。最适合已有清晰目标、设计上下文和性能约束的 UI 设计工作。

使用 animate 技能审查 UI 功能，并补充有明确目的的过渡动画、反馈状态和微交互。它会围绕可用性、性能约束、减少动态需求以及清晰的实现方向来指导动效决策，而不是只追求装饰性效果。