animation

审查某个功能，并通过有目的的动画、微交互和动效来增强它，从而提升可用性与用户体验。适用于当用户……

诊断并修复 UI 性能问题，涵盖加载速度、渲染、动画、图片和打包体积。当用户提到缓慢、卡顿、掉帧等情况时使用。

通过极具技术野心的实现（着色器、弹簧物理、滚动驱动动画、60fps 动画）将界面体验推向传统极限。使用……

在 RunComfy 上让任何静态图像动起来——此技能是一个智能路由器，能将用户意图匹配到 RunComfy 目录中合适的 i2v 模型。常规动画选取 HappyHorse 1.0 I2V（Arena #1、原生音频、保持身份特征），带 `audio_url` 的自定义配音口型同步选取 Wan 2.7，基于“图像 + 参考视频 + 参考音频”的多模态动画选取 Seedance 2.0 Pro。内置各模型的文档化提示词模式，让调用者获得更精准的输出，避免在错误的模型上浪费迭代次数。通过本地 RunComfy CLI 调用 `runcomfy run <vendor>/<model>/image-to-video`（或其端点变体）。触发词包括“image to video”、“image-to-video”、“i2v”、“animate image”、“make this move”，或任何将静态图像转换为视频的明确请求。

教导 AI 像高端设计机构一样进行设计。定义能让网站尽显高级感的精确字体、间距、阴影、卡片结构和动画……

本技能编码了 Emil Kowalski 关于 UI 打磨、组件设计、动画决策以及让软件体验出色的隐形细节的理念。

使用 Expo Router 构建精美应用的完整指南。涵盖基础知识、样式、组件、导航、动画、设计模式以及原生标签页。

在 HyperFrames HTML 中创建视频合成、动画、标题卡、叠加层、字幕、旁白、音频响应视觉效果和场景过渡。适用于……

HyperFrames 的 GSAP 动画参考。涵盖 gsap.to()、from()、fromTo()、缓动、交错、默认值、时间轴（gsap.timeline()、位置参数，…

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

使用 React 的 View Transition API（`<ViewTransition>` 组件、`addTransitionType` 以及 CSS view…）实现流畅、原生体验动画的指南

设计让界面感觉精致的工程原则。适用于构建 UI 组件、审查前端代码、实现动画、悬停效果……

适用于 HyperFrames 的 CSS 动画适配器模式。在编写 CSS 关键帧、基于 animation-delay 的时序控制、animation-fill-mode、animation-play-state 或……时使用。

审查并修复动画性能问题，包括布局抖动、合成器属性、滚动关联动画和模糊效果。适用于以下情况：动画……

适用于 HyperFrames 的 Anime.js 适配器模式。在 HyperFrames 合成中编写 Anime.js 动画或时间轴，以及在…上注册动画时使用。

HyperFrames 的 Three.js 与 WebGL 适配器模式。适用于创建确定性的 Three.js 场景、WebGL 画布层、AnimationMixer 时间轴、摄像机…

适用于 HyperFrames 的 Lottie 和 dotLottie 适配器模式。在嵌入 lottie-web JSON 动画、.lottie 文件、@lottiefiles/dotlottie-web 播放器等时使用……

适用于 HyperFrames 的 Web Animations API 适配器模式。在编写 element.animate() 动画、Animation currentTime 寻址、document.getAnimations() 等操作时使用，…

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

提供针对 FPS、TTI、bundle size、内存泄漏、re-renders 和动画的 React Native 性能优化指南。适用于涉及……的任务。