/web--design-engineering

/web--design-engineering es una skill de Claude Code de la sección Web y Diseño. 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é.

Descripción del autor (traducida)

Ingeniería de diseño: pulido de UI, decisiones de animación y detalles invisibles que hacen que una interfaz se sienta bien (estilo Emil Kowalski)

Cómo pedírselo

/web--design-engineering pule los detalles de esta interfaz, se siente tosca
/web--design-engineering revisa las transiciones de este modal
/web--design-engineering mejora los detalles invisibles de esta pantalla de ajustes

Instalar

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

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

Demo en camino

/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í
/web--gsap-hero-cinematicHéroe cinematográfico con GSAP
Crea la cabecera de una web con GSAP: revelados por capas, parallax 3D, tipografía animada y vídeo de fondo, con alternativa para movimiento reducido.
Hecha aquí
/web--gsap-micro-interactionsMicrointeracciones con GSAP
Implementa en React microinteracciones con GSAP: cursor personalizado, botones magnéticos, tarjetas con inclinación, focos de luz e indicadores de scroll.
Hecha aquí
/web--gsap-page-transitionsTransiciones de página con GSAP
Crea transiciones entre páginas en React y Next.js con GSAP: barridos de overlay, elementos compartidos y animaciones de ruta coordinadas.
Hecha aquí

Cómo pedírselo

Instalar

Más de esta sección