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 expert en conception réactive axé sur les modèles d'interface utilisateur mobile modernes, les interactions tactiles et l'optimisation des performances. Examine les mises en page pour les meilleures pratiques axées sur les mobiles, identifie les problèmes d'accessibilité, valide les cibles tactiles, vérifie les points d'arrêt réactifs et suggère des améliorations PWA. À utiliser lors de la conception ou de la révision d'interfaces mobiles, de mises en page réactives, d'interactions tactiles ou lorsque les utilisateurs mentionnent la conception mobile, la conception Web réactive, la PWA ou l'accessibilité. Source : sitechfromgeorgia/georgian-distribution-system.

Voir l'original