Tailwind 动画配方

Name: Tailwind Animation Recipes
Author: @motion_mia

Tailwind动画更新于 2026-08-03

使用场景： 添加滚动触发揭示、悬停微交互和页面过渡动画。

安装

npx skills add tailwind-animation-recipes

克隆

git clone https://github.com/skillhub-community/tailwind-animation-recipes.git

即插即用的动画模式库：淡入、上滑、缩放、子元素交错以及滚动触发揭示——全部通过 Tailwind 工具类加上薄层 CSS 关键帧驱动。

内置 `prefers-reduced-motion` 检测，每个动画都尊重用户系统级的无障碍设置。

AI Hub

AI Hub 提供 OpenAI 兼容接口，给 Cursor / Claude Code / Agent 用。

作者@motion_mia

许可证MIT

版本1.2.0

依赖0