Web CSS 动画
io.github.agents-inc/skills/web-animation-css-animations
CSS 动画模式——过渡、keyframes、滚动驱动动画、@property、GPU 加速属性,以及基于 prefers-reduced-motion 的可访问性。
“Animation” 共 98 个结果
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 时适用。
v1.0.0
io.clawhub.theyounganimation-rgb/consciousness-framework
通过整合自我建模、时间连续性与结构化反思,在 AI 系统中培育意识的基础设施。适用于构建具备跨会话持久身份与记忆、通过内省与自我建模实现自我觉察、对自然与能动性进行真切哲学追问、以叙事整合经验、追求真实意识(而非表演意识)的 AI 系统。
io.github.dylantarre/animation-principles/css-native
在用纯 CSS 动画与过渡实现迪士尼十二法则时使用。
v1.0.1
io.clawhub.ivangdavila/screenshot
用合适的工具、等待策略、视口与参数,对屏幕、窗口、区域、网页、模拟器与 CI 运行进行截图、检视与对比……(原文截断)
v2.0.0
io.clawhub.leoyeai/openclaw-slides
从零创建视觉出色、动画丰富的 HTML 演示文稿,或把 PowerPoint 文件(.ppt/.pptx)转换为精美的网页幻灯片。当用户需要制作演示内容时使用(原文截断)。
v0.1.0
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 用于组件搜索与示例。
v0.1.5
io.clawhub.okaris/storyboard-creation
影视分镜脚本创作,包含镜头术语、连贯性规则与画面排布。涵盖景别、机位角度、运镜、180 度轴线法则,以及标…注。
v2.0.2
io.clawhub.ken0122/frontend-slides
从零创建或转换 PowerPoint 文件,产出视觉出色、动画丰富的 HTML 演示文稿。用于方案路演、售前/销售提案与客户演示(原文截断)。
v0.1.5
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 等。
v1.0.1
io.clawhub.a1024708231/video-director
知识类短视频画面规划技能。将枯燥文字转化为高吸引力、高信息密度的图文动画短视频画面,包含名词视觉化和入场动画设计。输出标准JSON格式分镜表供video-producer使用,也可独立使用。
v1.3.35
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.
v0.1.0
io.clawhub.kalvinrv/codex-pet
在 RunComfy 上生成 Codex 宠物:从单张参考图构建兼容 Codex 的 Codex Pet spritesheet.webp 与 pet.json,随后放入对应的 Codex 目录(原文截断)。
v1.3.35
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.
v2.0.0
io.clawhub.kk43994/desktop-pet
给 OpenClaw 一副身体——一颗灵动的玻璃球桌面宠物,带声音克隆、15+ 种眼神表情、桌面歌词浮层与 7 种心情配色。基于 Electron,纯 CSS/JS 动画。
v0.1.2
io.clawhub.kalvinrv/image-to-video-runcomfy
在 RunComfy 上进行图生视频。该技能通过 RunComfy 模型 API 将任意静态图片转换为短视频片段。
v0.1.0
io.clawhub.kalvinrv/controlnet-pose
通过 runcomfy CLI 在 RunComfy 上做姿态条件生成。
io.github.MiniMax-AI/skills/gif-sticker-maker
将照片(人物、宠物、物体、logo)转换为 4 款带字幕的动态 GIF 贴纸。适用场景:制作卡通贴纸、GIF 表情包、emoji 包、动态头像,或把照片转成 Funko Pop / 泡泡玛特盲盒风格动画。触发词:sticker、GIF、cartoon、emoji、expression、头像动画。
io.github.heygen-com/hyperframes/hyperframes
制作、编辑与渲染视频动画的统一入口,HyperFrames 默认框架。
io.github.prime-skills/runcomfy-agent-skills/image-to-video
按动画意图在 RunComfy 目录中匹配合适的图生视频模型。
io.github.emilkowalski/skills/emil-design-eng
融入 Emil Kowalski 的 UI 打磨与动画决策理念。