/web--gsap-text-fx

/web--gsap-text-fx es una skill de Claude Code de la sección Web y Diseño. Crea tipografía cinética con GSAP en React: texto dividido por letras o palabras, scramble, glitch, rotación 3D, degradado animado y texto sobre curva.

Descripción del autor (traducida)

Tipografía cinética avanzada: división de texto con GSAP, efecto scramble, líquido, glitch, rotación 3D, barrido de degradado, texto siguiendo un trazado curvo

Cómo pedírselo

/web--gsap-text-fx anima este titular con un efecto glitch
/web--gsap-text-fx haz que el texto se desordene y recomponga (scramble)
/web--gsap-text-fx crea un texto que sigue un trazado curvo

Instalar

curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash

Tras instalar con el script, escribe /web--gsap-text-fx. ¿Usas Cursor, Windsurf o Codex? Guías por plataforma

Demo en camino

/web--landing-pageLanding page de alto nivel
Genera una landing page única y orientada a la conversión, con copy redactado primero y un proyecto Next.js completo; prohíbe los patrones típicos de IA.
Hecha aquí
/web--spa-scaffoldArranque de una SPA profesional
Monta la estructura de una SPA lista para producción: elige el stack según tus requisitos y añade carga diferida, estados de error y accesibilidad.
Hecha aquí
/web--ui-components-proComponentes de interfaz cuidados
Crea componentes de interfaz en React y TypeScript con animaciones, estados de carga y error, y accesibilidad incluida.
Hecha aquí
/accessibility--a11y-auditAuditoría de accesibilidad WCAG
Revisa el código de un componente o página y lista los fallos de accesibilidad WCAG 2.1, con su gravedad, el criterio incumplido y la corrección en código.
Hecha aquí
/accessibility--a11y-fixCorregir accesibilidad de la interfaz
Lee un componente o página y corrige sus problemas de accesibilidad: HTML semántico, teclado, atributos ARIA y formularios, sin cambiar el diseño visual.
Hecha aquí
/animateCrear una animación desde cero
Decide si algo debe animarse y, si procede, escribe la animación con la curva, duración y propiedades adecuadas, con reduced motion incluido.
Por emilkowalski

Cómo pedírselo

Instalar

Más de esta sección