搜索「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.MasterPlayspots/motionspec

确定性动效编译器 + 校验器：报告符合 WCAG 2.2.2 暂停路径的候选项，失败即封闭。

ai.whiteboardanimation/whiteboard-animation

Turn any picture into a hand-drawn whiteboard animation video, from your AI assistant.

com.nativeanimation/nativeanimation

React Native / Expo motion components: search, read customization props, copy source into your app.

com.animation-machine/animation-machine

Render AI-written HTML animations to MP4/GIF with music, voiceover and captions.

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 角色骨架动画。