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.

ui-design-system es una skill de Claude para Design Systems que ayuda a generar design tokens, escalas de color, tipografía, espaciado, reglas responsive, documentación de componentes y recursos de handoff para desarrollo, con referencias y un generador de tokens en Python para salidas en JSON, CSS, SCSS o resumen.

apple-hig-expert es un skill de Claude para diseño y auditorías Apple HIG en iOS, macOS, watchOS y visionOS. Ofrece notas por plataforma, orientación de accesibilidad, revisión visual de Liquid Glass, una plantilla de auditoría HIG y un verificador en Python para contraste y objetivos táctiles.

md-review convierte textos de PR en markdown con bloques de diff unificado y llamadas de severidad en una revisión de código HTML de un solo archivo y dos columnas. Usa scripts de análisis, anotación y renderización, requiere un revisor con nombre, admite las convenciones BLOCKER/MAJOR/MINOR/NIT y conserva indicadores de severidad accesibles.

email-template-builder ayuda a los equipos a diseñar sistemas de email transaccional con plantillas React Email o MJML, integraciones con proveedores como Resend, Postmark, SendGrid o AWS SES, herramientas de vista previa, i18n, modo oscuro, comprobaciones de entregabilidad y seguimiento. Es especialmente útil para equipos de SaaS y producto que quieren reemplazar emails HTML aislados por flujos de trabajo mantenibles.