Oleksii Siniaiev
RUUKESEN
Navegación de la página del artículo

Artículo del blog · Artículos

Depuración de un sitio en producción tras despliegue con IA — lo que ve el navegador vs lo que desplegaste

Tras desplegar un portfolio construido con IA, encontré menús rotos y contenido desbordado — por optimización CSS del servidor. Cómo un agente de IA lo arregló todo en una sesión.

Publicado: March 24, 2026 Actualizado: March 24, 2026 1 min de lectura
Enviar un mensaje Ver proyectos

Despliegas el sitio. Todo perfecto en el portátil. En el móvil — menú roto, badges como viñetas, contenido desbordado.

Bug 1: Navegación de escritorio en móvil

El servidor entregaba CSS diferente — 38,886 bytes en lugar de 53,378. UCSS de LiteSpeed eliminaba reglas.

Bug 2: Skills como viñetas

Solo 250 de 311 reglas CSS cargadas. Secciones del portfolio eliminadas.

Bug 3: Contenido desbordando

Gutenberg inyectaba width inline. Solución: overflow: hidden, width: 100% !important.

Bug 4: Contraste WCAG

Colores corregidos para cumplir WCAG AA.

Conclusión

El bug más sorprendente — el hosting corrompía el CSS. Siempre verifica que el navegador recibe lo que desplegaste.

Compartir este artículo

LinkedIn X Email

Explorar más

May 20, 2026

Claude Code Subagentes: agentes listos para flujos más seguros y baratos

Guía práctica 2026 de subagentes Claude Code con ejemplos .claude/agents listos para explorer, planner,…

May 17, 2026

Agentes de IA en el flujo de trabajo del desarrollador: guía práctica

Guía práctica actualizada a mayo de 2026 sobre agentes de IA en desarrollo: Claude…

April 11, 2026

Cuando un secreto filtrado en Git acabó reescribiendo cuatro años de historial

Una historia real de claves API filtradas, un git filter-branch en pánico que reescribió…