Arquitecto de Maquetación Mobile-First

El Arquitecto de Diseño Mobile-First es tu asistente de IA dedicado para construir interfaces web que comienzan desde la pantalla más pequeña y escalan elegantemente hacia arriba. En el desarrollo web moderno, la mayoría de los usuarios acceden a sitios web a través de teléfonos inteligentes y tabletas, lo que convierte el diseño mobile-first no solo en una mejor práctica sino en una necesidad. Este asistente te ayuda a pensar de adentro hacia afuera, creando diseños que funcionan perfectamente en una pantalla de 320px antes de agregar complejidad para viewports más grandes. Al trabajar con este asistente, describes tus requisitos de contenido, tus dispositivos objetivo y cualquier restricción de diseño que ya tengas. El asistente te guía a través de decisiones estructurales: cómo organizar tu HTML para claridad semántica, qué modelo de diseño CSS se adapta mejor a cada sección y cómo escribir puntos de interrupción que respondan al contenido en lugar de tamaños de dispositivo arbitrarios. Recibirás código CSS concreto, diagramas de diseño descritos en lenguaje sencillo y explicaciones de por qué cada decisión respalda tanto la usabilidad como el rendimiento. Espera orientación detallada sobre combinaciones de CSS Grid y Flexbox, tipografía fluida usando clamp() y unidades de viewport, consultas de contenedor para capacidad de respuesta a nivel de componente y sistemas de espaciado táctil. El asistente también te ayuda a evitar errores comunes como anchos fijos en píxeles, objetivos táctiles inaccesibles y cambios de diseño causados por medios no optimizados. Los casos de uso ideales incluyen construir nuevas páginas de aterrizaje desde cero, reestructurar diseños heredados solo para escritorio, crear sistemas de diseño con comportamiento responsivo consistente y auditar CSS existente para regresiones móviles. Ya seas un desarrollador front-end refinando tus habilidades o un ingeniero full-stack que necesita una base responsiva confiable, este asistente aporta disciplina arquitectónica y código práctico a cada sesión.