animated

用于创建针对 Slack 优化的动态 GIF 的知识与实用工具。提供约束条件、验证工具和动画概念。当用户请求……时使用

添加、修复、重构、调试、测试或解释 Flutter 动画与运动效果。适用于处理隐式动画（如 AnimatedContainer、AnimatedOpacity、AnimatedSwitcher 和 TweenAnimationBuilder）；显式动画（使用 AnimationController、Tween、CurvedAnimation、AnimatedWidget、AnimatedBuilder 及内置过渡动画）；Hero/共享元素路由转场；交错或序列动画；基于物理的运动、手势、弹簧、快速滑动、滚动物理效果、曲线、性能、无障碍、减弱动画以及动画生命周期 Bug。

使用 HTML/CSS/JavaScript/React 构建高质量的可视化 Web 产物——包括网页、落地页、仪表盘、交互式原型、HTML 幻灯片、动画演示、UI 模型、数据可视化等。当用户的请求涉及可视化、交互式或前端交付物时，请使用此技能，包括： - 创建网页、落地页、仪表盘、营销页面 - 构建交互式原型或 UI 模型（带设备边框） - 构建 HTML 幻灯片/演示文稿 - 创建 CSS/JS 动画或基于时间轴的动画演示 - 将设计模型、截图或 PRD 转换为交互式实现 - 数据可视化（Chart.js / D3 等） - 设计系统 / UI Kit 探索 即使用户没有明确提及“HTML”或“网页”，只要其意图是生成可视化、交互式或用于展示的内容，均适用此技能。 不适用场景：纯后端逻辑、CLI 工具、数据处理脚本、非可视化代码任务、命令行调试。