
Page Transition Animation
Skill在 Next.js App Router 里实现页面切换动画,并解决 Framer Motion 的 AnimatePresence 退出动画在路由跳转时不触发的问题:用 template.tsx、按路径设置 key 的 AnimatePresence 加 FrozenRouter,或改用 View Transitions API(原生或 next-view-transitions)。
暂时无法展示 README
该仓库没有提供 README。 请前往GitHub 仓库查看。
相关资源

Cobe.js
Skill用轻量 WebGL 库 cobe 在首页或关于页加入可旋转的地球,讲解画布按设备像素比设置尺寸、位置标记、旋转动画、窗口缩放后重建与销毁,可在 React/Next.js 中集成。
MengTo/Skills6.8k
Vercel React Best Practices
SkillVercel 工程团队整理的 React 与 Next.js 性能规范,70 条规则按影响排序,涵盖消除请求瀑布、包体积、服务端性能与重复渲染,供编写、评审与重构时对照。Vercel 官方维护。
vercel-labs/agent-skills32.6k
GSAP
Skill用 GSAP 编写或调试网页动画:补间、时间线与位置参数、缓动、错峰,以及 ScrollTrigger 的固定与滚动联动;说明优先动 transform、在 React 中用 gsap.context() 清理、图片加载后刷新等常见问题。
MengTo/Skills6.8k
WebGL Components
Skill在产品界面里嵌入小型常驻 WebGL 视觉元素(头像、光球、玻璃与彩虹质感、动态纹理)时的工程要点:全页共享一个 WebGL 上下文、统一帧循环并限帧、控制片元着色器开销、处理上下文丢失、始终提供非 WebGL 的降级样式,以及 React 服务端渲染下的写法。
flornkm/skills114
Lottie Animation
Skill把 After Effects 导出的 Lottie 动画接入网页、iOS、Android 与 React Native:优先用 dotLottie 运行时,控制播放、片段与速度,做滚动或悬停驱动的交互,运行时换色,并附 AE 导出检查清单。
iart-ai/web-animation-skills45
Micro Interaction
Skill给界面加功能性的微动效:悬停与按下反馈、开关、点赞按钮、提示条、抽屉、弹窗、列表增删与排序、共享元素过渡,规定 100–250ms 的时长、进入慢退出快的节奏与缓动曲线,只动 transform 与 opacity,并尊重减少动态效果设置。基于 Framer Motion(motion/react)与现代 CSS。
iart-ai/web-animation-skills45