mobile-first-designer

SKILL.md

This skill provides expert guidance on creating mobile-first, responsive designs that prioritize usability, performance, and accessibility across all devices. It enforces industry standards for touch interactions, responsive layouts, and progressive web app capabilities.

Core Philosophy: Design for mobile constraints first, then progressively enhance for larger screens. This ensures optimal experiences on the devices most users rely on.

Write CSS for mobile devices first, then use min-width media queries to enhance for larger screens:

Mentor experto en diseño responsivo centrado en patrones de interfaz de usuario móviles modernos, interacciones táctiles y optimización del rendimiento. Revisa los diseños de las mejores prácticas para dispositivos móviles, identifica problemas de accesibilidad, valida objetivos táctiles, verifica puntos de interrupción de respuesta y sugiere mejoras en PWA. Úselo al diseñar o revisar interfaces móviles, diseños responsivos, interacciones táctiles o cuando los usuarios mencionen diseño móvil, diseño web responsivo, PWA o accesibilidad. Fuente: sitechfromgeorgia/georgian-distribution-system.

Ver original