/web--animations

/web--animations es una skill de Claude Code de la sección Web y Diseño. Crea la animación web que pidas, como modelos 3D, scroll horizontal, WebGL, partículas o shaders, con foco en rendimiento GPU y accesibilidad.

Descripción del autor (traducida)

Crea animaciones web cinematográficas de primer nivel: modelos 3D, scroll horizontal, WebGL, partículas, shaders y más

Cómo pedírselo

/web--animations crea un scroll horizontal cinematográfico para mi portafolio
/web--animations añade un efecto de partículas con WebGL al hero de mi web
/web--animations integra un modelo 3D animado en la página principal

Instalar

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

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

Demo en camino

/web--awwwards-animationsAnimaciones React nivel Awwwards
Elige la herramienta adecuada (GSAP, Motion, Anime.js o Lenis) y crea animaciones React fluidas y accesibles: scroll, efectos magnéticos y revelados.
Hecha aquí
/web--conversion-optimizerAuditoría de conversión web
Audita una landing o app web y propone cambios concretos en copy, diseño, UX y confianza para que más visitantes se registren, compren o te contacten.
Hecha aquí
/web--design-engineeringPulido de interfaz y animación
Aplica la filosofía de Emil Kowalski para pulir interfaces: decisiones de animación, detalles invisibles y revisiones en tabla Antes, Después y Por qué.
Hecha aquí
/web--design-systemSistema de diseño completo
Crea un sistema de diseño con criterio: tokens, tipografía, color y componentes, desde tu producto, su personalidad y tus colores de marca.
Hecha aquí
/web--graphic-designDiseño gráfico con IA
Convierte un briefing en diseños HTML, CSS y SVG autocontenidos: maquetas, gráficos sociales, kits de marca, presentaciones e infografías, con tres variantes.
Hecha aquí
/web--gsap-creative-galleryGalerías animadas con GSAP
Crea galerías de imágenes interactivas con GSAP: filtros con transiciones FLIP, scroll infinito, masonry animado y lightbox.
Hecha aquí

Cómo pedírselo

Instalar

Más de esta sección