搜索「Animation」的结果

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 动画、手势动画、拖拽交互、按钮按压感、显得卡顿、变顺滑。

io.github.agents-inc/skills/web-animation-css-animations

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

io.github.agents-inc/skills/web-animation-css-animations

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

io.github.ECNU-ICALK/AutoSkill/css-stop-and-turn-animation-generator

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

io.github.vercel-labs/open-agents/web-animation-design

设计并实现自然而有目的感的 Web 动画。当用户询问动画、motion、缓动、时序、时长、弹簧、过渡或动画性能问题时，主动使用本技能。包括：如何为特定 UI 元素做动画、该用什么缓动、动画最佳实践，以及动效的无障碍考量。触发词：easing、ease-out、ease-in、ease-in-out、cubic-bezier、bounce、spring physics、keyframes、transform、opacity、fade、slide、scale、hover effects、microinteractions、Framer Motion、React Spring、GSAP、CSS transitions、入场/出场动画、页面过渡、stagger、will-change、GPU 加速、prefers-reduced-motion、弹窗/下拉/提示气泡/抽屉动画、手势动画、拖拽交互、按钮按压手感、感觉卡顿、想要顺滑效果。

io.github.oakoss/agent-skills/css-animation-patterns

CSS 动画、过渡、keyframes 与现代动效 API。在添加动画、过渡、滚动驱动效果或视图过渡时使用。涉及 css-animation、transition、keyframes、view-transitions、scroll-animation、transform、motion-preference、animation-timeline 时适用。

io.clawhub.theyounganimation-rgb/consciousness-framework

通过整合自我建模、时间连续性与结构化反思，在 AI 系统中培育意识的基础设施。适用于构建具备跨会话持久身份与记忆、通过内省与自我建模实现自我觉察、对自然与能动性进行真切哲学追问、以叙事整合经验、追求真实意识（而非表演意识）的 AI 系统。

co.incarn/photo-animation

用 AI 把老照片变成逼真的短视频。

io.github.dylantarre/animation-principles/css-native

在用纯 CSS 动画与过渡实现迪士尼十二法则时使用。

io.clawhub.ivangdavila/screenshot

用合适的工具、等待策略、视口与参数，对屏幕、窗口、区域、网页、模拟器与 CI 运行进行截图、检视与对比……（原文截断）

io.clawhub.leoyeai/openclaw-slides

从零创建视觉出色、动画丰富的 HTML 演示文稿，或把 PowerPoint 文件（.ppt/.pptx）转换为精美的网页幻灯片。当用户需要制作演示内容时使用（原文截断）。

io.clawhub.ahump20/ui-ux-pro-max-2

UI/UX 设计智能库：50 种风格、21 组调色板、50 组字体搭配、20 种图表、9 大技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui）。动作：规划、构建、创建、设计、实现、评审、修复、改进、优化、增强、重构、检查 UI/UX 代码。项目：网站、落地页、仪表盘、后台面板、电商、SaaS、作品集、博客、移动应用及 .html/.tsx/.vue/.svelte 文件。元素：按钮、弹窗、导航栏、侧边栏、卡片、表格、表单、图表。风格：玻璃拟态、黏土拟态、极简、粗野主义、新拟态、bento 网格、暗黑模式、响应式、拟物、扁平。主题：调色板、无障碍、动效、布局、排版、字体搭配、间距、悬停、阴影、渐变。集成：shadcn/ui MCP 用于组件搜索与示例。

io.clawhub.okaris/storyboard-creation

影视分镜脚本创作，包含镜头术语、连贯性规则与画面排布。涵盖景别、机位角度、运镜、180 度轴线法则，以及标…注。

io.clawhub.ken0122/frontend-slides

从零创建或转换 PowerPoint 文件，产出视觉出色、动画丰富的 HTML 演示文稿。用于方案路演、售前/销售提案与客户演示（原文截断）。

io.clawhub.okaris/ai-video-generation

通过 inference.sh CLI 使用 Google Veo、Seedance、Wan、Grok 等 40+ 模型生成 AI 视频，支持 Veo 3.1、Veo 3、Seedance 1.5 Pro、Wan 2.5、Grok Imagine 等。

io.clawhub.a1024708231/video-director

知识类短视频画面规划技能。将枯燥文字转化为高吸引力、高信息密度的图文动画短视频画面，包含名词视觉化和入场动画设计。输出标准JSON格式分镜表供video-producer使用，也可独立使用。

io.clawhub.dlazyai/dlazy-storyboard

storyboard to video, character animation, animated short, AI anime, multi-shot video — script, characters and shot prompts, ref-sheets and first/last frames, i2v shot videos, voice/TTS plus music/SFX/subtitles, then Remotion assembles and renders. Use for a multi-shot animated short with consistent characters.

io.clawhub.kalvinrv/codex-pet

在 RunComfy 上生成 Codex 宠物：从单张参考图构建兼容 Codex 的 Codex Pet spritesheet.webp 与 pet.json，随后放入对应的 Codex 目录（原文截断）。

io.clawhub.dlazyai/dlazy-motion-graphics

motion graphics, kinetic typography, animated text video, animated infographic, explainer animation — authored as Remotion code (text, shapes, data, logos, transitions), then polished and exported. Use for code-driven animated graphics rather than AI-generated footage.

io.clawhub.kk43994/desktop-pet

给 OpenClaw 一副身体——一颗灵动的玻璃球桌面宠物，带声音克隆、15+ 种眼神表情、桌面歌词浮层与 7 种心情配色。基于 Electron，纯 CSS/JS 动画。

io.clawhub.kalvinrv/image-to-video-runcomfy

在 RunComfy 上进行图生视频。该技能通过 RunComfy 模型 API 将任意静态图片转换为短视频片段。