Gsap

Gsap skills and workflows surfaced by the site skill importer.

14 skills
M
frontend-dev

por MiniMax-AI

frontend-dev es una skill de frontend-dev para crear páginas web pulidas y listas para producción con UI premium, motion cinematográfico, medios generados por IA, copy persuasivo y arte generativo. Úsala para landing pages, sitios de marketing, páginas de producto, dashboards y otros trabajos de frontend donde el diseño, el contenido y los detalles de implementación deben mantenerse alineados.

Frontend Development
Favoritos 0GitHub 11.7k
G
gsap-frameworks

por greensock

gsap-frameworks es la skill de GSAP para Vue, Nuxt, Svelte, SvelteKit y otros frameworks que no son React. Cubre la configuración de animaciones segura para el ciclo de vida, selectores con alcance y limpieza al desmontar, para que las animaciones de componentes se comporten correctamente en Frontend Development.

Frontend Development
Favoritos 0GitHub 3.2k
G
gsap-performance

por greensock

gsap-performance es la skill de rendimiento de GSAP para Frontend Development. Úsala para reducir saltos, evitar el thrashing de layout, priorizar transforms y opacity, aplicar `will-change` con criterio y agrupar lecturas y escrituras para lograr animaciones más fluidas a 60 fps. Es ideal cuando necesitas guía práctica de uso de gsap-performance para código de motion ya existente.

Frontend Development
Favoritos 0GitHub 3.2k
G
gsap-react

por greensock

gsap-react es la skill oficial de GSAP para React y Next.js. Cubre `useGSAP()`, refs, `gsap.context()`, selectores con scope y limpieza para que puedas crear animaciones seguras en React sin errores al volver a renderizar o al desmontar componentes. Usa esta guía de gsap-react cuando necesites ayuda de instalación y uso para desarrollo frontend.

Frontend Development
Favoritos 0GitHub 3.2k
G
gsap-utils

por greensock

Skill de gsap-utils para utilidades de GSAP: `clamp`, `mapRange`, `normalize`, `interpolate`, `random`, `snap`, `toArray`, `wrap` y `pipe`. Aprende a usar gsap-utils en Frontend Development, incluyendo cuándo conviene usar las formas de función reutilizables, cómo integrar estas utilidades en tweens y callbacks, y por qué no hace falta registrarlas.

Frontend Development
Favoritos 0GitHub 3.2k
G
gsap-plugins

por greensock

gsap-plugins ayuda a desarrolladores frontend a elegir, instalar y usar correctamente los plugins de GSAP. Cubre el registro de plugins, imports y orientación práctica para ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, plugins SVG, herramientas de easing y GSDevTools. Úsalo cuando necesites una guía clara de gsap-plugins en lugar de consejos genéricos sobre animación.

Frontend Development
Favoritos 0GitHub 3.2k
G
gsap-scrolltrigger

por greensock

gsap-scrolltrigger es la skill oficial de GSAP para animaciones vinculadas al scroll, fijación de elementos, comportamiento de scrub y disparadores basados en el viewport. Úsala en Frontend Development cuando necesites una guía de gsap-scrolltrigger, ayuda de instalación o una forma práctica de usar gsap-scrolltrigger para parallax, secciones fijadas y motion guiado por el scroll.

Frontend Development
Favoritos 0GitHub 3.2k
G
gsap-timeline

por greensock

gsap-timeline te ayuda a crear secuencias de timeline en GSAP con pasos ordenados, solapamientos, etiquetas y reproducción anidada. Usa la skill gsap-timeline cuando el objetivo sea coordinar varias animaciones, especialmente en UI design, flujos de onboarding o sistemas de motion repetibles. Incluye guía de instalación y uso de gsap-timeline para una secuenciación clara.

UI Design
Favoritos 0GitHub 3.2k
G
gsap-core

por greensock

La skill gsap-core es la guía oficial de GSAP para el uso de la API central de animación, incluyendo `gsap.to()`, `from()`, `fromTo()`, easing, stagger, defaults y motion responsive. Úsala para trabajar con gsap-core en vanilla JS, React, Vue, Svelte, DOM, SVG y flujos de diseño de UI, especialmente cuando necesites una guía fiable de gsap-core.

UI Design
Favoritos 0GitHub 3.2k
H
hyperframes-registry

por heygen-com

hyperframes-registry te ayuda a instalar y conectar elementos reutilizables del registro de HyperFrames con menos incertidumbre. Úsala para ejecutar `hyperframes add`, distinguir entre bloques y componentes, fusionar fragmentos, conectar bloques en `index.html` y seguir las asignaciones de rutas de `hyperframes.json` para implementar diseños y descubrir el registro.

Design Implementation
Favoritos 0GitHub 2.7k
H
gsap

por heygen-com

gsap es una referencia práctica de animación para composiciones de HyperFrames. Te ayuda a elegir entre gsap.to(), from(), fromTo() y gsap.timeline(), y luego aplicar las vars, easing, stagger, transforms y patrones de rendimiento adecuados. Usa esta guía de gsap cuando necesites movimiento listo para implementar en animaciones de entrada, transiciones y efectos de diseño reutilizables.

Design Implementation
Favoritos 0GitHub 2.7k
H
hyperframes

por heygen-com

hyperframes es una skill de flujo de trabajo para crear composiciones de video basadas en HTML en HyperFrames. Úsala para tarjetas de título, superposiciones, subtítulos, locuciones, movimiento reactivo al audio y transiciones de escena cuando necesites hyperframes estructurados y orientados al código para edición de video. Prioriza decisiones de diseño, tiempo y animación por encima de solicitudes genéricas de video basadas solo en prompts.

Video Editing
Favoritos 0GitHub 2.7k
L
gpt-taste

por Leonxlnx

gpt-taste es una skill centrada en diseño para crear páginas de interfaz pulidas con dirección de arte editorial, disciplina en el uso del espacio y motion con GSAP. Usa la skill gpt-taste para páginas de marketing, landing pages y sitios de showcase cuando busques más variedad de composición, mejor control tipográfico y menos patrones frontend genéricos. La guía incluye notas de instalación y uso para una implementación práctica.

UI Design
Favoritos 0GitHub 0
I
fixing-motion-performance

por ibelick

fixing-motion-performance ayuda a auditar y corregir problemas de rendimiento en animaciones de UI sin cambiar tu stack por defecto. Úsalo en trabajos de frontend cuando el movimiento se entrecorta, los efectos vinculados al scroll resultan costosos o las transiciones disparan trabajo de layout, paint o compositing. Convierte los errores de animación en correcciones claras, a nivel de código.

Frontend Development
Favoritos 0GitHub 0
Gsap