Prompt para Diseñar Experiencias Web Responsive y Accesibles

Compatible con ChatGPT, Gemini, DeepSeek, Grok, Claude, Perplexity y otros modelos.

Define patrones responsive claros para ofrecer experiencias consistentes en móvil, tablet y desktop.

responsive ux-ui diseno-web mobile-first rendimiento componentes accesibilidad frontend grid patrones

Cargando prompt...

Categoría: Prompts para Negocios y Productividad

Subcategoría: Prompts para SEO y Posicionamiento Web

¿Qué hace el prompt?

Establece breakpoints básicos y reglas de layout.
Propone patrones para navegación, cards y formularios.
Incluye consideraciones de rendimiento iniciales.
PRO
Sistema de diseño con tokens (espaciado, color, tipografía).
PRO
Guías por componente (estados, densidad, interacción).
PRO
Accesibilidad avanzada (foco, ARIA, contraste).
PRO
Checklist de QA responsive.

¿Cómo usar este prompt?

Pega el prompt y completa:
[TIPO] Ej.: 'tienda online'.
[COMPONENTES] Ej.: 'header, menú, carrusel, PDP'.
[AUDIENCIAS] Ej.: 'móvil 70%, desktop 30%'.

Tips

Prioriza contenido crítico en mobile.
Reduce peso de imágenes en 3G/4G.
Usa tipografías legibles y sistema 8pt.

Este prompt ayuda a establecer bases responsive consistentes, acelerando el diseño y reduciendo deuda UX.