¿Qué hace esta skill?

Esta skill convierte a Claude en un diseñador UX/UI experto. Te acompaña paso a paso, desde la conceptualización del proyecto hasta la entrega de código funcional, priorizando interacciones innovadoras y animaciones atractivas.

Landing Pages de Alto Impacto

Crea páginas de conversión optimizadas con animaciones de scroll y llamadas a la acción efectivas.

Aplicaciones Web Modernas

Diseña interfaces intuitivas para apps web, priorizando la experiencia de usuario y la usabilidad.

Rediseño de Proyectos

Evalúa y mejora estructuras web existentes, integrando nuevas tendencias de interacción y diseño.

Entrega de Código Final

Obtén el HTML/CSS/JS o React listo para subir a tu hosting, sin pasos intermedios complicados.

Cómo instalar

Descarga el ZIP, descomprimelo en ~/.claude/skills/ y reinicia Claude. Eso es todo. Guia de instalacion completa →

Ejemplos de uso

🚀 Landing de Fitness

Hola, quiero diseñar una landing page para mi app de fitness. Público: jóvenes 18-30, 5 páginas con animaciones.

💼 Web Corporativa

Necesito una web para mi consultora. 3 páginas, tono profesional, presupuesto medio y integración con WhatsApp.

🎨 Portafolio Creativo

Diseña una web para mi portafolio de diseño. Quiero animaciones fluidas en scroll y estilo minimalista.

🛒 E-commerce Básico

Crea una app web para vender cursos online. 4 páginas, pasarela de pago y diseño UX/UI moderno.

Características

Flujo de Descubrimiento Recopila objetivos, público y alcance para entender tu visión antes de diseñar.

Validación de Presupuesto Analiza la viabilidad de tu proyecto y te advierte si el alcance excede el tiempo o recursos.

Animaciones e Interacciones Integra librerías como GSAP o Framer Motion para dar vida a tus diseños.

Integración de WhatsApp Incluye siempre funcionalidades de contacto directo mediante WhatsApp en tus proyectos.

Iteración Controlada Permite hasta dos rondas de ajustes antes de generar el código final aprobado.

Preguntas frecuentes

Entrega código funcional en HTML/CSS/JS, React, Framer Motion o GSAP, listo para publicar en tu hosting.

Para proyectos web, la skill maneja un máximo de 7 páginas para asegurar la calidad y viabilidad.

Sí, puedes solicitar hasta 2 rondas de iteración. Al escribir 'APROBADO', se genera el proyecto completo.

Sí, la skill está configurada para incluir siempre interacción con WhatsApp como funcionalidad de contacto principal.

Skills relacionadas

Mas skills de la misma categoria:

Diseña y programa webs con IA