Las interfaces lentas frustran a los usuarios y perjudican las métricas. Esta habilidad identifica y corrige sistemáticamente cuellos de botella de rendimiento en velocidad de carga, renderizado, animaciones, imágenes y tamaño del bundle para crear experiencias más rápidas y fluidas.

Los usuarios abandonan los productos cuando no pueden comprender el valor rápidamente. Esta habilidad te ayuda a crear experiencias de incorporación que guían a los usuarios hacia su primer éxito sin abrumarlos.

Elimina inconsistencias de diseño detectando y corrigiendo automáticamente las desviaciones de tu sistema de diseño. Garantiza que cada componente use los tokens, patrones y convenciones establecidos correctamente.

Corrige cuadrículas monótonas y espaciado inconsistente que hacen que las interfaces se sientan amateur. Esta habilidad establece escalas de espaciado sistemáticas, ritmo visual y jerarquía clara para transformar diseños genéricos en composiciones intencionales.

Las interfaces generadas por IA suelen parecer genéricas y estandarizadas. Impeccable guía a la IA a través de decisiones de diseño expertas, produciendo código frontend distintivo y de calidad profesional.

Las interfaces se rompen cuando los usuarios reales ingresan datos inesperados, pierden la conexión o usan tecnologías de asistencia. Esta habilidad fortalece sistemáticamente su UI contra casos extremos, problemas de internacionalización, errores y brechas de accesibilidad para garantizar resiliencia lista para producción.

El código genérico generado por IA produce diseños olvidables y con plantillas. Esta habilidad enseña dirección estética audaz e implementación de calidad de producción que crea experiencias de usuario memorables.

Identifica y extrae componentes reutilizables, tokens de diseño y patrones de tu base de código en un sistema de diseño estructurado. Esta habilidad consolida el código de interfaz de usuario disperso en activos sistemáticos y documentados.

Esta habilidad ayuda a los asistentes de IA a simplificar diseños complejos eliminando elementos innecesarios, creando interfaces de usuario limpias y enfocadas que guían a los usuarios hacia sus objetivos.

Las interfaces funcionales a menudo se sienten frías y mecánicas. Esta habilidad agrega momentos estratégicos de alegría y personalidad que hacen sonreír a los usuarios mientras mantiene la usabilidad.

Obtén comentarios expertos de diseño UX que identifican patrones generados por IA, problemas de jerarquía visual y mejoras accionables para elevar tu interfaz.

Transforma interfaces grises y sin vida en experiencias cálidas y atractivas. Esta habilidad aplica teoría del color con propósito para mejorar la jerarquía visual y el deleite del usuario.

El texto confuso de la interfaz frustra a los usuarios y aumenta los costos de soporte. Esta habilidad transforma la jerga, las etiquetas ambiguas y los mensajes de error deficientes en textos claros y amigables que guían eficazmente a los usuarios.

Deja de conformarte con interfaces genéricas y olvidables. Esta habilidad ayuda a Claude a crear diseños visualmente impactantes que cautivan a los usuarios mientras mantienen los estándares de usabilidad y accesibilidad.

La mala calidad de la interfaz daña la experiencia del usuario y excluye a usuarios con discapacidades. Esta habilidad proporciona auditorías sistemáticas en accesibilidad, rendimiento, tematización y diseño responsivo para identificar problemas antes de que lleguen a producción.

Elimina cuadrículas monótonas y espaciado arbitrario. Esta habilidad proporciona un enfoque sistemático para crear jerarquía visual a través de espaciado intencional, ritmo variado y diseños estructurados que guían la vista hacia lo que importa.

Las interfaces estáticas parecen incompletas y pierden oportunidades de guiar a los usuarios. Esta habilidad te ayuda a agregar estratégicamente movimiento que proporciona retroalimentación, mejora la comprensión y crea experiencias agradables sin abrumar a los usuarios.

¿Tienes dificultades para hacer que tu diseño funcione en móvil, tablet, escritorio, impresión o correo electrónico? Esta habilidad proporciona orientación experta sobre cómo adaptar diseños a diferentes contextos manteniendo la consistencia y la usabilidad.

Crear APIs de backend y paneles de administración con Payload CMS requiere entender colecciones, campos, hooks y patrones de control de acceso. Esta habilidad proporciona documentación integral y ejemplos de código para crear aplicaciones CMS con TypeScript como prioridad, con integración Next.js.

La creación de interfaces iOS modernas requiere implementar efectos visuales avanzados. Esta skill proporciona directrices y ejemplos de código para usar la API de Liquid Glass de iOS 26+ para crear desenfoque, reflexión y superficies de vidrio interactivas en SwiftUI.