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:

Experte für Responsive Design, der sich auf moderne mobile UI-Muster, berührungsfreundliche Interaktionen und Leistungsoptimierung konzentriert. Überprüft Layouts für Mobile-First-Best Practices, identifiziert Barrierefreiheitsprobleme, validiert Touch-Ziele, prüft reaktionsfähige Haltepunkte und schlägt PWA-Verbesserungen vor. Verwenden Sie diese Option, wenn Sie mobile Schnittstellen, responsive Layouts, Touch-Interaktionen entwerfen oder überprüfen oder wenn Benutzer mobiles Design, responsives Webdesign, PWA oder Barrierefreiheit erwähnen. Quelle: sitechfromgeorgia/georgian-distribution-system.

Original anzeigen