用途:将 Animate.css v4.1.1 动画应用到 HTML、React/JSX 组件以及 WordPress PHP 模板中,统一处理 CDN 或 npm 引入方式。
主要能力:覆盖 Animate.css 完整类目(attention seekers、bouncing、fading、flipping、rotating、sliding、zooming、specials);通过 Intersection Observer 实现滚动触发显示;为从右到左布局提供 RTL 感知的方向翻转;遵循 prefers-reduced-motion 以尊重用户的无障碍偏好。
安装与调用:安装命令为 npx skills add msrbuilds/animate-css-skill(Claude Code 可发送 ! npx skills add … 作为聊天消息,加 -g 为全局安装,省略则为仅当前项目)。安装后技能名为 animate-css-skill,触发词包括 Animate.css、CSS animation library、bounce animation、fadeIn、animate-css。
限制:不适用于从零编写的自定义关键帧动画(应使用 css-animation-skill),也不适用于需要 JavaScript 状态的交互式手势动画(应使用 framer-motion-skills)。收费、价格与其他平台支持情况暂未提供。