搜索「Animation」的结果

io.github.emilkowalski/skills/review-animations

按 Emil Kowalski 设计工程理念的高工艺标准审查动画与动效代码，默认从严标记问题，认可需靠质量争取。

io.github.emilkowalski/skills/animation-vocabulary

反向查询词表，把对网页动画或动效效果的模糊描述转化为准确术语（如“弹窗打开时的弹跳效果”→ Pop in、“iOS 橡皮筋式滚动”→ Rubber-banding），仅用于给效果命名，不用于设计或实现。

io.github.emilkowalski/skills/improve-animations

以资深动效顾问视角巡检代码库中的动画与动效代码，产出按优先级排序的审计报告和可独立执行的实现方案，交由其他 agent 落地；对源码只读，只规划改进不直接修改。

io.clawhub.heygen-com/hyperframes-animation

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.

io.github.heygen-com/hyperframes/hyperframes-animation

HyperFrames 全部动画知识——原子运动规则、多阶段场景蓝图、场景转场、更宽泛的 motion design 技巧，以及七种运行时适配器（默认 GSAP，另有 Lottie、Three.js、Anime.js、CSS keyframes、Web Animations API、TypeGPU）。适用于任何运动或动画任务：挑选 2-4 条规则进行组合，或加载蓝图，或查询运行时专属 API（如 GSAP eases、Lottie 播放器、Three.js mixer）。还可审计现有合成的动作编排（animation map）与 24 种命名文字动画效果。HyperFrames 原生特性：单一暂停时间轴、seek-safe、确定性。

io.github.emilkowalski/skills/animation-performance

Keep web animations inside the frame budget — animate composite-only properties, keep motion off the main thread when the page is busy, and find the cause when an animation drops frames. Covers the layout/paint/composite pipeline, cheaper property swaps, CSS vs WAAPI vs requestAnimationFrame, Framer Motion's hardware-accelerated path, React re-rendering per frame, inherited CSS variable recalculation, blur cost, and when `will-change` actually helps. Use when an animation is janky, choppy, stutters, or drops frames; when choosing which property to animate; when deciding between CSS and JS animation on performance grounds; or when reaching for `will-change` or GPU layers. For choosing easing, duration, or whether to animate at all use animate; for reviewing motion as a whole use review-animations.

io.github.nexu-io/open-design/sprite-animation

像素/精灵图风格的动画讲解幻灯片——全出血奶油色舞台、醒目的大字年份、动画像素吉祥物（如花札卡牌、蘑菇或 8-bit 主机）、动感日文展示字体、滴答走动的timeline 缎带。观感如同教育动效视频中的一帧——循环 CSS 关键帧、无 JS、可直接录屏成竖版视频。当需求提到「sprite animation」「pixel-art video」「8-bit explainer」「history of X explainer」「kinetic typography history」「Nintendo-style」「精灵图动画」「像素动画」或「复古动画」时使用。

io.github.nexu-io/open-design/sprite-animation

像素/精灵图风格的动画讲解幻灯片——全出血奶油色舞台、醒目的大字年份、动画像素吉祥物（如花札卡牌、蘑菇或 8-bit 主机）、动感日文展示字体、滴答走动的timeline 缎带。观感如同教育动效视频中的一帧——循环 CSS 关键帧、无 JS、可直接录屏成竖版视频。当需求提到「sprite animation」「pixel-art video」「8-bit explainer」「history of X explainer」「kinetic typography history」「Nintendo-style」「精灵图动画」「像素动画」或「复古动画」时使用。

io.github.nexu-io/open-design/review-animations

依据 Emil Kowalski 设计工程理念形成的高标准审查动画与 motion 代码。默认从严标记问题，通过需靠实力赢得。

io.github.calesthio/OpenMontage/hyperframes-animation

HyperFrames 的全部动画知识——原子运动规则、多阶段场景蓝图、场景转场、更广泛的运动设计技巧,以及七种运行时适配器(GSAP 默认,另有 Lottie、Three.js、Anime.js、CSS keyframes、Web Animations API、TypeGPU)。用于任何运动或动画任务:挑选 2-4 条规则组合,或加载场景蓝图,或查阅特定运行时 API(如 GSAP 缓动 / Lottie 播放器 / Three.js mixer)。HyperFrames 原生:单一暂停时间轴、可安全 seek、确定性输出。

io.github.sickn33/antigravity-awesome-skills/review-animations

在严格的工艺、性能、无障碍性与交互质量标尺下审查动画与动效代码时使用。

io.github.anton-abyzov/vskill/css-animations

面向 HyperFrames 的 CSS 动画适配模式。在编写 CSS 关键帧、基于 animation-delay 的计时、animation-fill-mode、animation-play-state，或 HyperFrames 在预览与渲染时必须精确定位的纯 CSS 动效时使用。

io.github.OneWave-AI/claude-skills/css-animation-creator

创建专业级 CSS 动画、过渡、微交互与复杂动效设计。在添加动画、悬停效果、加载状态、页面过渡、滚动动画或任何动效设计工作时使用。

io.github.markus41/claude/css-animations

纯 CSS 动画专家知识——使用 CSS keyframes、transition 与现代 CSS 特性实现轻量、高性能的动画，无需 JavaScript 依赖。

io.github.contextgo/contextgo/css-animations

面向 HyperFrames 的 CSS 动画适配模式。在编写 CSS 关键帧、基于 animation-delay 的计时、animation-fill-mode、animation-play-state，或 HyperFrames 在预览与渲染时必须精确定位的纯 CSS 动效时使用。

io.github.boraoztunc/skills/css-animations

HyperFrames 的 CSS 动画适配模式。在编写 CSS keyframes、基于 animation-delay 的计时、animation-fill-mode、animation-play-state，或 HyperFrames 预览与渲染时必须确定性定位的纯 CSS 动效时使用。

skillsmp.neonwatty-css-animation-skill-skill-md

为应用功能生成自包含的 HTML/CSS 动画，用于演示、导览与新手引导。通过 Chrome 调研目标应用、访谈用户、生成结构化简报与动画 HTML 文件，随后进入“冻结-检查-反馈”迭代评审循环直至用户认可。当用户说“css animation”“给这个功能做动画”“创建 CSS 导览”“animation walkthrough”，或想做基于 CSS 的应用功能视觉演示时使用。

io.github.gabrielmoreira/agent-skills-mirror/css-stop-and-turn-animation-generator

生成 CSS keyframes 动画：对象沿直线移动，在拐点处停下原地转向，然后继续移动。

io.github.heygen-com/hyperframes/css-animations

面向 HyperFrames 的 CSS 动画适配层。在编写 CSS keyframes、基于 animation-delay 的计时、animation-fill-mode、animation-play-state，或需要 HyperFrames 在预览与渲染期间可确定性定位的纯 CSS 动画时使用。

io.github.calesthio/OpenMontage/svg-character-animation

使用 GSAP、CSS 变换、Remotion 帧控制以及兼容 HyperFrames 的浏览器预览来驱动 SVG 角色骨架动画。

io.github.majiayu000/claude-skill-registry-data/css-animations

使用 keyframes、过渡与现代动画属性创建原生 CSS 动画。适用于不用 JavaScript 库构建动画、优化性能或实现微交互的场景。

io.github.github/awesome-copilot/gsap-framer-scroll-animation

当用户想构建滚动动画、滚动效果、视差、滚动触发的显示、钉住区块、横向滚动、文字动画或任何与滚动位置绑定的动效时使用本技能——适用于 vanilla JS、React 或 Next.js。覆盖 GSAP ScrollTrigger（pin、scrub、snap、时间线、横向滚动、ScrollSmoother、matchMedia）与 Framer Motion / Motion v12（useScroll、useTransform、useSpring、whileInView、variants）。即便用户只说“滚动时动画”“滚动时淡入”“做出苹果式滚动”“视差效果”“粘性区块”“滚动进度条”“入场动画”也应触发。也适用于 GSAP 或 Framer Motion 代码生成的 Copilot 提示词模式。与 premium-frontend-ui 技能搭配，提供创意哲学与设计级打磨。

io.github.NeverSight/learn-skills.dev/web-animation-css-animations

CSS 动画模式——过渡、keyframes、滚动驱动动画、@property、GPU 加速属性，以及基于 prefers-reduced-motion 的可访问性。

io.github.baptisteArno/typebot.io/web-animation-design

设计并实现自然且恰到好处的 Web 动画。当用户问到动画、运动、easing、时序、时长、spring、过渡或动画性能相关问题时主动使用。包括如何为特定 UI 元素做动画、该用哪种 easing、动画最佳实践，或动效的无障碍考量。触发词：easing、ease-out、ease-in、ease-in-out、cubic-bezier、bounce、spring 物理、keyframes、transform、opacity、fade、slide、scale、hover 效果、微交互、Framer Motion、React Spring、GSAP、CSS transitions、进出场动画、页面过渡、stagger、will-change、GPU 加速、prefers-reduced-motion、modal/dropdown/tooltip/popover/drawer 动画、手势动画、拖拽交互、按钮按压感、显得卡顿、变顺滑。