UI UX

liquid-glass-design te ayuda a implementar el sistema Liquid Glass de Apple en iOS 26 para SwiftUI, UIKit y WidgetKit. Úsalo para botones, tarjetas, barras de herramientas, contenedores y widgets con acabado de cristal, con orientación sobre forma, tinte, interactividad y cuándo el efecto encaja de verdad en una interfaz.

healthcare-emr-patterns es una skill práctica para el diseño de EMR/EHR en el ámbito sanitario. Cubre flujos de trabajo de atención al paciente, redacción de notas clínicas, verificación de medicación, resaltado de resultados de laboratorio, auditoría de cambios, integración con CDSS y captura de datos médicos con enfoque de accesibilidad para que el trabajo clínico sea más seguro.

gan-style-harness es una skill de Generator-Evaluator para Agent Orchestration que ayuda a construir apps completas con una crítica más rigurosa, mejor iteración y menos puntos débiles. Úsala cuando necesites la skill gan-style-harness para trabajo frontend intensivo, full-stack o orientado a producción, donde la calidad de la revisión importa más que la velocidad.

brainstorming es una skill de preimplementación que explora el contexto, plantea preguntas de aclaración de una en una y exige aprobar el diseño antes de escribir código. Incluye un acompañamiento visual opcional y un sólido soporte para la planificación de requisitos.

frontend-design convierte ideas vagas de UI en interfaces distintivas y listas para producción, con código frontend real, una dirección estética clara y menos estilo genérico de IA.

theme-factory es una skill de tematización curada para presentaciones, documentos, informes y landing pages. Revisa el showcase, elige entre 10 temas predefinidos y aplica colores y tipografías coherentes a tu artefacto.

canvas-design ayuda a crear piezas visuales estáticas originales con un flujo de dos pasos: redactar una filosofía de diseño en Markdown y luego renderizarla como .png o .pdf. Encaja mejor para pósters, portadas, visuales conceptuales y gráficos de campaña cercanos a UI con poco texto.

ux-designer es una skill de diseño UX estructurada para research, accesibilidad, arquitectura de la información, flujos de interacción, orientación para wireframes y UX copy. Ayuda a los equipos a convertir ideas de producto todavía vagas en decisiones de diseño más claras y basadas en criterios mediante `AGENTS.md` y archivos de reglas enfocados.

La skill prototype te ayuda a crear código desechable que responda una pregunta concreta antes de comprometerte con una implementación real. Úsala para probar lógica, transiciones de estado, forma de datos o la dirección de una UI con un prototipo ejecutable que siga las convenciones del repositorio anfitrión. Es ideal cuando necesitas una guía rápida de prototipado, no una funcionalidad final.

ui-ux-pro-max es una skill integral para diseño UI/UX asistido por IA. Brinda orientación estructurada sobre layouts, estilos, sistemas de color, tipografía y reglas UX para proyectos web y móviles. Ideal para equipos y desarrolladores que buscan decisiones de diseño prácticas en React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter y HTML/CSS. Úsala para planificar, revisar y mejorar interfaces con inteligencia de diseño curada.

ckm:design-system te ayuda a crear tokens en tres capas, especificaciones de componentes, variables CSS, mapeos a Tailwind y slides de marca coherente a partir de una arquitectura clara de tokens.

ckm:design es una skill de diseño estructurada para enrutar y producir logos, maquetas de CIP, banners, slides e iconos SVG. Incluye referencias prácticas, opciones basadas en CSV y scripts de Python para flujos de diseño repetibles, en lugar de depender solo de prompts genéricos.

ckm:banner-design ayuda a crear banners, portadas, cabeceras, anuncios display y hero graphics web con briefs estructurados, un flujo según tamaño y varias direcciones de arte. Ideal para diseño UI, creatividades de marketing y conceptos de banners por plataforma con SKILL.md y la referencia de tamaños y estilos.

La skill accessibility-compliance ayuda a los equipos a auditar y mejorar interfaces web o móviles con orientación práctica sobre WCAG 2.2, ARIA, acceso por teclado, lectores de pantalla y accesibilidad móvil. Es ideal para auditorías de UX, correcciones de componentes y recomendaciones listas para implementar.

design-system-patterns ayuda a los equipos a diseñar bases de UI escalables con estructuras de tokens, arquitectura de temas y patrones reutilizables de API de componentes para sistemas de diseño y bibliotecas de componentes.

La skill interaction-design ayuda a los equipos a diseñar e implementar motion UI con intención, microinteracciones, transiciones, estados de carga y patrones de feedback, con referencias prácticas orientadas a React y guía de uso.

visual-design-foundations ayuda a los equipos a crear sistemas de UI prácticos con escalas tipográficas, tokens de color, reglas de espaciado y pautas de iconografía. Úsala para implantar una base de diseño sólida, crear guías de estilo, auditar la jerarquía visual y generar variables CSS listas para implementación a partir de restricciones de diseño claras.

La skill web-component-design ayuda a los equipos a diseñar componentes de UI reutilizables para React, Vue y Svelte, con patrones de API sólidos, guía de accesibilidad y referencias sobre las ventajas y compromisos de estilo para sistemas de diseño.

mobile-android-design ayuda a los agentes a ofrecer orientación de UI nativa para Android con Material Design 3, Jetpack Compose, tematización, navegación y patrones de diseño adaptativo para teléfonos, tablets y dispositivos plegables.

La skill mobile-ios-design ayuda a los agentes a generar orientación de UI nativa para iOS con principios de Apple HIG, patrones de SwiftUI, recomendaciones de navegación, accesibilidad y diseños adaptativos para iPhone y iPad.

react-native-design es una skill centrada en patrones de UI para React Native, con cobertura de estilos con StyleSheet, React Navigation tipado y uso de Reanimated 3 para pantallas multiplataforma.

La skill kpi-dashboard-design ayuda a los equipos a planificar dashboards de KPI enfocados en la toma de decisiones, con orientación sobre selección de métricas, jerarquía del dashboard, patrones de gráficos y gobernanza para vistas ejecutivas, tácticas y operativas.

Usa la skill tailwind-design-system para crear sistemas de diseño con Tailwind CSS v4, incluyendo tokens, theming, variantes, accesibilidad y guía de migración de v3 a v4.

wcag-audit-patterns es una skill estructurada de auditoría WCAG 2.2 para revisiones de accesibilidad. Úsala para combinar hallazgos automáticos con comprobaciones manuales, priorizar problemas por gravedad y nivel de conformidad, y generar guías de corrección accionables para páginas, flujos y componentes.