Micro Interaction
Skill给界面加功能性的微动效：悬停与按下反馈、开关、点赞按钮、提示条、抽屉、弹窗、列表增删与排序、共享元素过渡，规定 100–250ms 的时长、进入慢退出快的节奏与缓动曲线，只动 transform 与 opacity，并尊重减少动态效果设置。基于 Framer Motion（motion/react）与现代 CSS。
暂时无法展示 README
该仓库没有提供 README。 请前往GitHub 仓库查看。
相关资源
Morphing Icons
Skill指导 agent 构建能在任意两个图标之间变形过渡的 SVG 图标组件：每个图标固定由三条线段组成，用不到的线段收缩到中心点，同组的旋转变体用弹簧动画转动，并遵守统一 viewBox、圆角线头、减弱动效偏好与 aria-hidden 等规则。示例基于 React 与 Motion。
raphaelsalaja/skill41
Transitions.dev
Skill提供十二种可直接粘贴的 CSS 过渡：卡片尺寸变化、数字跳入、通知角标、文字切换、下拉菜单、弹窗开合、面板滑入、页面左右切换、图标切换、成功对勾、头像组悬停与错误抖动，用统一的 CSS 变量配置，不依赖框架，均带减少动态效果的处理。
Jakubantalik/transitions-dev46To Spring or Not to Spring
Skill审查动画代码的时间函数选择：手势拖拽和可被打断的动画用弹簧，系统状态变化用缓动曲线，进度类用线性，打字等高频交互不加动画；同时检查弹簧参数与时长是否合理，按「文件:行号」列出问题。示例基于 Motion。
raphaelsalaja/skill41
Animate UI
SkillPrototyper UI 组件库的动效规范：浮层、对话框、侧边面板的进出场类名，按压反馈的缩放比例，状态过渡，缓动令牌与选用决策，用于编写、审查或调试组件动画，并统一用 motion-reduce 处理减少动态效果。
PrototyperAI/prototyper-ui7Accessible Animation
Skill让网页动画尊重系统的「减少动态效果」设置：把动画分为直接移除（视差、大范围位移、接管滚动）、减弱缩短、始终保留三档，而不是一刀切全部关掉；给出 CSS 媒体查询与 JS matchMedia 的写法，覆盖 GSAP、Framer Motion、Lenis 等库，对应 WCAG 2.3.3。
iart-ai/web-animation-skills45Page Transition Animation
Skill在 Next.js App Router 里实现页面切换动画，并解决 Framer Motion 的 AnimatePresence 退出动画在路由跳转时不触发的问题：用 template.tsx、按路径设置 key 的 AnimatePresence 加 FrozenRouter，或改用 View Transitions API（原生或 next-view-transitions）。
iart-ai/web-animation-skills43