Agent Skills
› nexu-io/motion-anything
nexu-io/motion-anything
GitHub基于AnimXYZ的声明式CSS动画技能，通过xyz属性组合淡入、位移、缩放和旋转效果，无需编写关键帧。支持无障碍偏好设置，适用于前端视觉增强。
安装全部 Skills
npx skills add nexu-io/motion-anything --all -g -y
集合内 Skills (230)
按质量分展示前 50 个（共 230 个），完整列表请用安装命令预览或逐个打开详情。
基于AnimXYZ的声明式CSS动画技能，通过xyz属性组合淡入、位移、缩放和旋转效果，无需编写关键帧。支持无障碍偏好设置，适用于前端视觉增强。
需要为元素添加入场动画
使用声明式方式实现混合动画效果
npx skills add nexu-io/motion-anything --skill xyz-fade-big -g -y
提供基于AnimXYZ的声明式淡入下移动画效果，通过属性配置混合淡入、移动、缩放和旋转，无需编写关键帧。支持无障碍模式，适用于前端页面元素入场动效实现。
需要为DOM元素添加淡入下移动画效果
使用AnimXYZ库进行声明式CSS动画配置
npx skills add nexu-io/motion-anything --skill xyz-fade-down -g -y
提供基于AnimXYZ的声明式左侧淡入动画效果，通过属性组合实现无需编写关键帧的入场动画，支持可访问性设置。
需要为元素添加左侧淡入动画
使用AnimXYZ库进行CSS动画开发
npx skills add nexu-io/motion-anything --skill xyz-fade-left -g -y
提供声明式淡入右移动画效果，通过xyz属性组合移动、缩放等变换，无需编写关键帧。支持无障碍偏好设置，适用于前端UI动效开发。
需要为元素添加进入动画
使用AnimXYZ库进行CSS动画配置
npx skills add nexu-io/motion-anything --skill xyz-fade-right -g -y
提供基于AnimXYZ的声明式CSS动画技能，通过xyz属性实现淡入、位移、缩放和旋转组合效果，无需编写关键帧。支持无障碍偏好设置，适用于前端UI动效开发。
需要为元素添加入场动画
使用AnimXYZ库进行声明式样式配置
npx skills add nexu-io/motion-anything --skill xyz-fade-small -g -y
提供基于AnimXYZ的声明式CSS淡入上移动画组件，支持组合移动、缩放和旋转效果，无需编写关键帧，兼容减少运动偏好设置。
需要添加元素入场动画
使用AnimXYZ库实现声明式动画
npx skills add nexu-io/motion-anything --skill xyz-fade-up -g -y
提供基于AnimXYZ的声明式CSS动画技能，通过xyz属性组合淡入、位移等效果实现左侧翻转入场，无需编写关键帧，支持无障碍偏好设置。
需要添加元素进入动画
使用AnimXYZ框架进行前端动效开发
npx skills add nexu-io/motion-anything --skill xyz-flip-left -g -y
提供AnimXYZ声明式翻转进入动画，通过属性配置混合淡入、移动、缩放和旋转效果，无需编写关键帧，支持无障碍模式。
需要为元素添加声明式进入动画
使用AnimXYZ库实现UI动效
npx skills add nexu-io/motion-anything --skill xyz-flip-up -g -y
提供基于AnimXYZ的声明式入场动画效果，通过xyz属性组合淡入、位移、缩放和旋转，无需编写关键帧，支持无障碍偏好设置。
需要添加元素入场动画
使用AnimXYZ库实现声明式动效
npx skills add nexu-io/motion-anything --skill xyz-rise-big -g -y
提供AnimXYZ的旋转入场动画技能，支持声明式组合淡入、移动、缩放和旋转效果。无需编写关键帧，兼容减少运动偏好设置，适用于前端页面元素动态展示。
需要为页面元素添加旋转入场动画
使用AnimXYZ框架进行声明式CSS动画配置
npx skills add nexu-io/motion-anything --skill xyz-rotate -g -y
提供底部抽屉微交互组件，用于移动端UI反馈。遵循无障碍和性能规范，适用于改变状态的控件，避免频繁操作使用。
需要实现底部弹出层交互
为按钮或表单添加滑入反馈效果
npx skills add nexu-io/motion-anything --skill bottom-sheet -g -y
提供按钮按下时的弹簧回弹微交互效果，模拟原生触感反馈。适用于改变状态的控件，支持减少动画偏好设置，仅使用GPU安全的变换和透明度属性以优化性能。
需要添加按钮或控件的点击反馈效果
实现移动端应用的微交互动画
npx skills add nexu-io/motion-anything --skill button-press -g -y
提供具有弹出动画效果的复选框微交互组件，用于增强移动端控件的状态反馈。遵循无障碍规范并优化性能，适用于需要视觉确认的表单及操作控件。
实现带状态切换反馈的UI组件
优化前端微交互动画体验
构建符合无障碍标准的输入控件
npx skills add nexu-io/motion-anything --skill checkbox-pop -g -y
实现 Material 风格的水波纹微交互，用于按钮等控件的状态反馈。支持 prefers-reduced-motion 无障碍设置，仅使用 Transform 和 opacity 确保 GPU 性能，适用于移动端组件交互。
需要为 UI 控件添加点击或触摸反馈效果
询问如何实现符合无障碍标准的微交互动画
npx skills add nexu-io/motion-anything --skill ripple -g -y
提供底部标签栏的滑动指示器微交互效果，支持无障碍模式与GPU加速。用于为按钮、表单等状态变化控件提供原生感的视觉反馈，避免装饰无状态元素。
需要实现底部Tab栏切换动效
为UI控件添加状态变化的微交互反馈
npx skills add nexu-io/motion-anything --skill tab-bar-slide -g -y
提供从底部滑入、停留后消失的Toast微交互动效，适用于按钮等状态变更控件。支持无障碍偏好设置，仅使用GPU安全的变换与透明度属性以确保性能。
需要为UI控件添加反馈动效
实现符合无障碍标准的滑动提示动画
npx skills add nexu-io/motion-anything --skill toast-pop -g -y
提供来自Animate.css的CSS关键帧动画效果，无需JS即可实现元素下落入场动画。支持无障碍偏好设置，需遵守许可协议并合理使用。
需要添加CSS入场动画
前端页面元素动效开发
npx skills add nexu-io/motion-anything --skill anim-backindown -g -y
提供Animate.css的Back In Left CSS关键帧动画，无需JS，支持无障碍偏好设置。适用于快速添加元素入场动效，建议克制使用并保留版权信息。
需要CSS入场动画
集成Animate.css
npx skills add nexu-io/motion-anything --skill anim-backinleft -g -y
提供Animate.css的Back In Right CSS关键帧动画，无需JS。支持prefers-reduced-motion无障碍设置，需注明版权。适用于快速添加入场动画，建议克制使用。
需要CSS入场动画
集成Animate.css
npx skills add nexu-io/motion-anything --skill anim-backinright -g -y
提供基于Animate.css的CSS关键帧入场动画，无需JS且支持无障碍偏好设置。适用于快速添加视觉动效，但需克制使用以避免干扰阅读体验。
需要为元素添加CSS入场动画
寻找无JavaScript依赖的CSS动效方案
npx skills add nexu-io/motion-anything --skill anim-backinup -g -y
提供Animate.css的Back Out Down CSS退出动画，无需JS且支持无障碍设置。适用于快速添加元素退出效果，建议克制使用以保障可读性。
需要CSS元素退出动画
寻找无JavaScript的CSS关键帧动画
npx skills add nexu-io/motion-anything --skill anim-backoutdown -g -y
提供CSS关键帧退出动画，源自Animate.css。无需JS，支持无障碍偏好设置。通过添加类和设置持续时间快速应用，建议克制使用以避免干扰阅读。
需要为元素添加退出动画
寻找纯CSS实现的移动效果
npx skills add nexu-io/motion-anything --skill anim-backoutleft -g -y
提供基于Animate.css的Back Out Right CSS退出动画，无需JS且支持无障碍设置。适用于快速添加元素退出效果，建议克制使用以保障可读性。
需要CSS退出动画
集成Animate.css动画
npx skills add nexu-io/motion-anything --skill anim-backoutright -g -y
提供Animate.css中的backOutUp CSS退出动画，无需JS且支持无障碍偏好设置。适用于快速添加元素退场动效，需克制使用以避免干扰重要内容。
需要为页面元素添加CSS退场动画
寻找无JavaScript依赖的CSS关键帧动画
npx skills add nexu-io/motion-anything --skill anim-backoutup -g -y
提供基于Animate.css的CSS弹跳动画实现，无需JS，支持减少运动偏好设置。用于快速添加强调动画，建议克制使用以避免干扰重要内容阅读。
需要添加CSS关键帧动画
前端界面需要视觉强调效果
npx skills add nexu-io/motion-anything --skill anim-bounce -g -y
提供Animate.css的Bounce In CSS关键帧动画，无需JS。说明如何应用类名、设置时长，强调无障碍支持及许可证归属，建议克制使用以避免干扰阅读。
需要为元素添加CSS入场动画
询问如何使用Animate.css动画
npx skills add nexu-io/motion-anything --skill anim-bouncein -g -y
提供Animate.css中的bounceInDown CSS关键帧动画，无需JS即可实现元素下落入场效果。支持prefers-reduced-motion无障碍适配，需遵守Hippocratic-2.1许可证并保留署名。
需要CSS入场动画
前端页面添加交互动效
npx skills add nexu-io/motion-anything --skill anim-bounceindown -g -y
提供CSS关键帧动画Bounce In Left，源自Animate.css。无需JS，支持无障碍偏好设置。适用于快速添加入场动画，建议克制使用以避免干扰重要内容阅读。
需要添加元素入场动画
前端页面动效开发
npx skills add nexu-io/motion-anything --skill anim-bounceinleft -g -y
提供基于Animate.css的bounceInRight CSS关键帧动画，无需JS且支持无障碍设置。用于为元素添加从右侧弹入的入场效果，建议克制使用以避免干扰主要内容阅读。
需要添加CSS入场动画
前端UI动效实现
npx skills add nexu-io/motion-anything --skill anim-bounceinright -g -y
提供 Bounce In Up CSS 关键帧动画，无需 JS。适用于快速入场效果，支持无障碍偏好设置，需遵守许可证并适度使用。
需要添加 CSS 入场动画
实现 bounceInUp 视觉效果
npx skills add nexu-io/motion-anything --skill anim-bounceinup -g -y
提供CSS关键帧退出动画Bounce Out，无需JS。支持prefers-reduced-motion无障碍特性。需添加class并设置时长，建议克制使用以避免干扰重要内容。
需要为元素添加CSS退出动画
实现无JavaScript的视觉反馈效果
npx skills add nexu-io/motion-anything --skill anim-bounceout -g -y
提供Animate.css中的bounceOutDown CSS关键帧退出动画，无需JS。支持prefers-reduced-motion无障碍访问。适用于元素淡出效果，建议克制使用以避免干扰阅读。
需要CSS退出动画
实现bounceOutDown效果
npx skills add nexu-io/motion-anything --skill anim-bounceoutdown -g -y
提供 CSS keyframe 退出动画 bounceOutLeft，源自 Animate.css。无需 JS，支持 prefers-reduced-motion，建议克制使用以保障无障碍体验。
需要添加元素退出动画
前端页面交互效果优化
npx skills add nexu-io/motion-anything --skill anim-bounceoutleft -g -y
提供基于Animate.css的CSS关键帧退出动画Bounce Out Right，无需JS且支持无障碍设置。适用于快速添加元素右出效果，建议克制使用以避免干扰阅读。
需要为DOM元素添加CSS退出动画
实现不依赖JavaScript的视觉过渡效果
npx skills add nexu-io/motion-anything --skill anim-bounceoutright -g -y
提供Animate.css的bounceOutUp CSS退出动画，无需JS且支持无障碍偏好设置。用于快速为元素添加向上弹跳消失效果，建议克制使用以避免干扰内容阅读。
需要CSS退出动画
实现无JS的元素消失效果
npx skills add nexu-io/motion-anything --skill anim-bounceoutup -g -y
提供基于Animate.css的CSS淡入动画技能，无需JS，支持无障碍设置，适用于快速添加入场动画。
需要为元素添加淡入效果
前端UI动效开发
npx skills add nexu-io/motion-anything --skill anim-fadein -g -y
提供基于Animate.css的纯CSS底部左侧淡入动画，无需JS且支持无障碍偏好设置。适用于快速添加入场动效，建议适度使用以避免干扰内容阅读。
需要为元素添加CSS入场动画
实现无JavaScript依赖的页面动效
npx skills add nexu-io/motion-anything --skill anim-fadeinbottomleft -g -y
提供基于Animate.css的CSS关键帧动画，实现元素从右下角淡入效果。无需JS，支持减少运动偏好设置，适用于前端界面增强用户体验。
需要为页面元素添加入场动画
希望使用纯CSS实现非JavaScript的视觉动效
npx skills add nexu-io/motion-anything --skill anim-fadeinbottomright -g -y
提供Animate.css中Fade In Down的CSS关键帧动画实现，无需JS且支持无障碍偏好。用于为元素添加优雅的入场动画效果。
需要为页面元素添加淡入下移动画
寻找纯CSS实现的入场动画方案
npx skills add nexu-io/motion-anything --skill anim-fadeindown -g -y
提供Animate.css中Fade In Down Big动画的CSS实现，无需JS且支持无障碍偏好设置。适用于快速添加元素入场效果，建议克制使用以避免干扰阅读。
需要为网页元素添加淡入下落动画效果
询问如何在不使用JavaScript的情况下实现CSS关键帧动画
npx skills add nexu-io/motion-anything --skill anim-fadeindownbig -g -y
提供Animate.css中Fade In Left动画的CSS实现，无需JS且支持无障碍偏好。适用于元素入场动效，建议克制使用并保留版权信息。
需要添加CSS入场动画
寻找无JavaScript依赖的CSS动画方案
npx skills add nexu-io/motion-anything --skill anim-fadeinleft -g -y
提供CSS入场动画Fade In Left Big，基于Animate.css，无需JS。支持prefers-reduced-motion无障碍适配，需遵守许可协议并克制使用。
需要添加CSS入场动画
前端UI动效实现
npx skills add nexu-io/motion-anything --skill anim-fadeinleftbig -g -y
提供从 Animate.css 引入的 Fade In Right CSS 入场动画，无需 JS，支持无障碍偏好设置。用于为元素添加右侧渐入效果，建议适度使用以避免干扰内容阅读。
需要添加 CSS 入场动画
实现无 JavaScript 的页面动效
npx skills add nexu-io/motion-anything --skill anim-fadeinright -g -y
提供Animate.css的FadeInRightBig CSS关键帧动画，无需JS且支持无障碍偏好设置。用于快速为元素添加右侧入场动画效果，建议克制使用以保障用户体验。
需要CSS入场动画
前端UI动效实现
npx skills add nexu-io/motion-anything --skill anim-fadeinrightbig -g -y
提供基于Animate.css的左上角淡入CSS动画，无需JS，支持无障碍设置。用于快速添加元素入场效果，建议克制使用以避免干扰主要内容阅读。
需要为HTML元素添加CSS入场动画
寻找轻量级、无JavaScript依赖的CSS动画方案
npx skills add nexu-io/motion-anything --skill anim-fadeintopleft -g -y
提供基于Animate.css的CSS关键帧动画Fade In Top Right，无需JS，支持无障碍偏好设置，适用于快速添加入场动画。
需要为元素添加从右上角淡入的CSS动画效果
寻找现成的、无JavaScript依赖的CSS过渡动画
npx skills add nexu-io/motion-anything --skill anim-fadeintopright -g -y
提供Animate.css的Fade In Up CSS关键帧动画，无需JS且支持无障碍设置。用于为元素添加优雅的入场效果，建议适度使用以优化用户体验。
需要CSS入场动画
前端UI动效实现
npx skills add nexu-io/motion-anything --skill anim-fadeinup -g -y
提供Animate.css中Fade In Up Big动画的CSS实现，无需JS。支持无障碍偏好设置，需保留版权信息。适用于快速添加入场动画，建议克制使用。
需要为元素添加淡入上移动画效果
前端页面引入无JavaScript依赖的CSS动画
npx skills add nexu-io/motion-anything --skill anim-fadeinupbig -g -y
提供基于Animate.css的CSS淡出动画，无需JS。支持prefers-reduced-motion无障碍特性，需遵守许可协议并克制使用。
需要添加元素退出时的淡出效果
前端页面需要无JavaScript依赖的CSS动画
npx skills add nexu-io/motion-anything --skill anim-fadeout -g -y
提供基于Animate.css的CSS淡出左下动画，无需JS且支持无障碍设置。适用于快速实现元素退出效果，建议克制使用以保障可读性。
需要添加CSS淡出动画
前端UI动效开发
npx skills add nexu-io/motion-anything --skill anim-fadeoutbottomleft -g -y
