Accessibility

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.

flutter-dart-code-review es una checklist de revisión de código para Flutter y Dart, independiente de la librería, que cubre arquitectura, calidad de widgets, gestión de estado, rendimiento, accesibilidad, seguridad y código limpio. Úsalo como una guía estructurada de flutter-dart-code-review para Code Review en BLoC, Riverpod, Provider, GetX, MobX, Signals o patrones personalizados.

browser-qa es una habilidad de QA en navegador para pruebas visuales tras el despliegue, comprobaciones de interacción, capturas responsivas y revisión de accesibilidad mediante automatización del navegador. Ayuda a equipos de frontend y QA a validar páginas de staging o vista previa con una guía browser-qa repetible en lugar de un prompt genérico.

La skill accessibility te ayuda a diseñar, implementar y auditar interfaces accesibles con guía de WCAG 2.2 nivel AA para Web, iOS y Android. Úsala para definir roles de componentes, etiquetas, estados, comportamiento del foco y accessibility traits, con orientación práctica para auditorías UX y revisiones de implementación.

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.

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.

visualization-expert es una skill ligera para selección de gráficos, buenas prácticas de visualización y ejemplos con matplotlib o plotly. Úsala para elegir mejores gráficos, evaluar dashboards y aplicar pautas claras y accesibles de visualización de datos desde un único archivo SKILL.md.

La skill de qa prueba de forma sistemática una app web, encuentra errores y verifica correcciones con un flujo de trabajo por etapas. Úsala para pruebas de regresión, comprobaciones de preparación para lanzamiento o como guía estructurada de QA cuando necesites evidencias, valoraciones de severidad y ciclos atómicos de corregir y volver a probar, en lugar de un simple prompt genérico para buscar bugs.

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:ui-styling facilita la creación de interfaces accesibles y listas para producción utilizando shadcn/ui, Tailwind CSS y diseño visual basado en canvas. Es ideal para proyectos en React que requieren estructuras responsivas, componentes accesibles, modo oscuro y sistemas de diseño consistentes. Aprovecha ckm:ui-styling para diseño de UI, tematización y prototipado rápido con recomendaciones prácticas adaptadas al stack.

ckm:brand es una skill de flujo de trabajo de branding para crear, actualizar y revisar guías de marca, mensajes, tono, identidad visual y sincronización de design tokens con scripts y checklists prácticos.

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 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.

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.

screen-reader-testing es una skill práctica para auditorías de UX y QA de accesibilidad. Aprende a usarla para probar aplicaciones web con VoiceOver, NVDA y JAWS, priorizar la cobertura por navegador y plataforma, y revisar formularios, comportamiento ARIA, gestión del foco y anuncios dinámicos.

web-design-guidelines revisa código de interfaz según las Vercel Web Interface Guidelines, obtiene las reglas más recientes y devuelve hallazgos breves en formato file:line para auditorías de UX y accesibilidad.

La skill harden ayuda a preparar diseños de UI y especificaciones de interfaz para producción al poner a prueba casos límite, estados vacíos, manejo de errores, textos largos, localización, permisos y otros fallos habituales del mundo real. Úsala para harden for UI Design cuando necesites menos sorpresas de maquetación y reglas de comportamiento más completas.

Clarify mejora el copy de UX confuso, los mensajes de error, las etiquetas, los pasos de onboarding y las instrucciones para que las personas usuarias puedan actuar con menos dudas. Resulta útil para documentación técnica, contenido de soporte y equipos de producto que necesitan texto de interfaz más claro. La skill empieza por el contexto, la audiencia y el estado de la persona usuaria antes de reescribir, para que el resultado sea más directo, específico y fácil de usar.

La skill audit realiza una auditoría técnica de UX sobre trabajo frontend y revisa accesibilidad, rendimiento, theming, comportamiento responsive y anti-patterns. Genera hallazgos con puntuación, etiquetas de severidad P0-P3 y un plan de acción, con una configuración previa obligatoria mediante skills impecables relacionadas.

frontend-design es una skill centrada en el contexto para crear código de interfaz frontend con personalidad. Úsala para convertir la audiencia, el caso de uso y el tono de marca en mejores decisiones de layout, tipografía, color, movimiento, estados de interacción y UX writing en páginas, componentes y flujos.