animations-and-transitions
CommunityBuild performant React/Next animations.
Software Engineering#react#next.js#animations#framer-motion#css-transitions#skeleton-loading#view-transitions-api
Authormauriciodelrio
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Soluciona la complejidad de implementar animaciones y transiciones en aplicaciones React/Next.js, asegurando rendimiento, accesibilidad y consistencia visual.
Core Features & Use Cases
- Guía paso a paso para decidir entre Framer Motion y CSS transitions
- Soporta View Transitions API para transiciones entre rutas
- Incluye patrones de skeleton loading y micro-interacciones
- Considera prefers-reduced-motion para usuarios con limitaciones de movimiento
- Enfoque de rendimiento: usa transform y opacity, evita reflows
Quick Start
Sigue el flujo de trabajo del agente para implementar animaciones eficientes en tu proyecto React/Next.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: animations-and-transitions Download link: https://github.com/mauriciodelrio/delriodev-skills/archive/main.zip#animations-and-transitions Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.