/web--animated-components

/web--animated-components es una skill de Claude Code de la sección Web y Diseño. Integra en tu proyecto componentes React animados ya hechos: Magic UI (más de 150, sobre shadcn y Tailwind) y React Bits (más de 90 efectos).

Descripción del autor (traducida)

Componentes de React animados y listos para usar: Magic UI (más de 150 componentes shadcn/Tailwind) y React Bits (más de 90 efectos)

Cómo pedírselo

/web--animated-components añade un botón animado de Magic UI a mi landing
/web--animated-components busca un efecto de texto llamativo de React Bits
/web--animated-components instala una tarjeta animada con hover para mi web

Instalar

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

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

Demo en camino

/web--animationsAnimaciones web cinematográficas
Crea la animación web que pidas, como modelos 3D, scroll horizontal, WebGL, partículas o shaders, con foco en rendimiento GPU y accesibilidad.
Hecha aquí
/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í

Cómo pedírselo

Instalar

Más de esta sección