Loading...
Loading...
Found 8 Skills
Audit CSS for pseudo-element best practices and View Transitions API usage. Use when reviewing hover effects, decorative layers, or page transitions. Outputs file:line findings.
Animate page transitions using the View Transitions API for smooth visual DOM changes.
Animation and motion design patterns using Motion library (formerly Framer Motion) and View Transitions API. Use when implementing component animations, page transitions, micro-interactions, gesture-driven UIs, or ensuring motion accessibility with prefers-reduced-motion.
Use when implementing route changes, view transitions, modal opens/closes, or navigation animation in web and mobile applications.
Add smooth slide transitions in Slidev. Use this skill for fade, slide, and custom transitions between slides.
View Transitions API theme toggle effects for smooth light/dark mode animations. Trigger: When implementing theme toggle with smooth transition animations using CSS masks and View Transitions API.
Zero-dependency animations and visual techniques - scroll-driven, View Transitions, @starting-style, modern CSS.
This skill should be used when the user asks to "animate page or route transitions", "add a page transition or crossfade between views", "animate route changes in Next.js App Router", "use the View Transitions API", "AnimatePresence exit doesn't fire on navigation", or "Framer Motion exit animation not working / exit animation before unmount in Next.js". Covers enter/exit page-transition animation with the View Transitions API and Framer Motion, for Next.js App Router and general SPA routing.