Skills publicados 24
typeset
Transforma la Tipografía en Diseño Intencional
Las fuentes genéricas y los tamaños inconsistentes socavan la credibilidad de tu interfaz. Typeset aplica principios profesionales de tipografía para crear jerarquía clara, texto legible y visuales pulidos que reflejan la personalidad de tu marca.
teach-impeccable
Captura el contexto de diseño de tu proyecto para una colaboración coherente con IA
Los asistentes de IA toman mejores decisiones de diseño cuando comprenden tu marca y tus usuarios. Esta habilidad se ejecuta una vez para recopilar el contexto de diseño específico del proyecto y lo guarda para todas las sesiones futuras.
shape
Planificar Diseño UX/UI Antes de Codificar
La mayoría de las interfaces generadas por IA fracasan porque omiten el pensamiento de diseño. Esta habilidad ejecuta una entrevista de descubrimiento estructurada para comprender las necesidades, restricciones y objetivos del usuario antes de producir un brief de diseño completo que guíe la implementación.
polish
Perfecciona tu UI al Máximo
Una habilidad de revisión meticulosa de calidad que detecta problemas de alineación, espaciado, consistencia y detalles en código UI. Transforma un trabajo bueno en interfaces pulidas y profesionales.
quieter
Refinar Diseños Excesivamente Atrevidos
Claude puede atenuar automáticamente los diseños que son demasiado agresivos o visualmente abrumadores, creando una estética más refinada y sofisticada mientras preserva el impacto y la funcionalidad.
overdrive
Crear interfaces web extraordinarias con efectos de vanguardia
Las interfaces web estándar se sienten estáticas y predecibles. Overdrive las transforma con transiciones cinematográficas, visuales acelerados por GPU y animaciones basadas en física que sorprenden y deleitan a los usuarios.
optimize
Optimiza el Rendimiento Web para una Carga más Rápida e Interacciones más Fluidas
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.
onboard
Diseñar Flujos de Incorporación de Usuarios que Impulsen la Adopción
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.
normalize
Normalizar Componentes de UI al Sistema de Diseño
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.
layout
Crear Diseños Pulidos con Espaciado Sistemático
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.
impeccable
Construye interfaces frontend pulidas con IA
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.
harden
Fortalezca Sus Interfaces Contra la Realidad de Producción
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.
frontend-design
Crea interfaces frontend distintivas que destacan
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.
extract
Extraer Componentes del Sistema de Diseño
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.
distill
Simplifica y Reduce el Diseño a Su Esencia
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.
delight
Transforma interfaces con micro-interacciones encantadoras
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.
critique
Critica Tu Diseño
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.
colorize
Añade Color Estratégico a Tus Diseños
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.
clarify
Mejorar textos confusos de UX y mensajes de error
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.
bolder
Transforma Diseños Aburridos en Experiencias Atrevidas
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.
audit
Auditoría de Calidad de Interfaz
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.
arrange
Transformar diseños con espaciado y ritmo intencional
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.
animate
Agregar Animaciones con Propósito y Micro-interacciones
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.
adapt
Adapta diseños para cualquier pantalla o plataforma
¿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.