Cómo arreglar código escrito por IA: 8 errores que vemos en apps de teléfono

Los modelos de IA son sorprendentemente buenos escribiendo apps pequeñas. También se equivocan con total seguridad de las mismas pocas maneras, una y otra vez. Cuando las conozcas, podrás detectarlas en segundos y decirle a la IA exactamente qué cambiar.

1. Carga cosas desde internet

Un script desde una CDN, una fuente de Google, una foto de stock por URL. Todo funciona hasta que el teléfono se queda sin conexión. Pide: «Quita todos los recursos externos. Pon el CSS y el JavaScript en línea y usa fuentes del sistema».

2. Llama al puente nativo demasiado pronto

El puente nativo de la app, window.FreeApp, puede llegar un instante después de que arranque tu script. El código que lo llama en la primera línea a veces falla. La solución es esperar al evento freeappready, o ejecutarlo de inmediato si el puente ya está allí:

function start() { FreeApp.statusBar('#E2552A'); }
if (window.FreeApp) start();
else window.addEventListener('freeappready', start, { once: true });

3. Se olvida de guardar

Todo funciona y luego cierras la app y los datos desaparecen. Pide: «Guarda el estado en localStorage después de cada cambio y cárgalo al iniciar».

4. Usa alert() para todo

Las alertas del navegador desentonan en una app. Pide a la IA que muestre los mensajes en la página, o usa FreeApp.toast() cuando el puente esté disponible.

5. Los botones son demasiado pequeños

Con tamaños de escritorio tienes que tocar tres veces para pulsar un botón. «Haz que cada área táctil mida al menos 44 píxeles» lo arregla.

6. Ignora la muesca

Los encabezados se deslizan bajo la barra de estado o el recorte de la cámara. Añade viewport-fit=cover a la etiqueta viewport y rellena la parte superior con env(safe-area-inset-top).

7. Confunde los nombres de archivo

Cuando la IA divide el código en varios archivos, a veces enlaza a styles.css pero nombra el archivo style.css. Si tu app muestra texto sin estilo, compara los nombres. Pedir un solo archivo evita el problema por completo.

8. Se inventa funciones

Los modelos a veces llaman a funciones nativas que no existen. Si algo no hace nada sin avisar, comprueba el nombre en la referencia de la API de JavaScript y luego pega la firma correcta en el chat.

Cómo pedir una corrección

Sé concreto y da contexto. «En Android, al tocar Guardar no pasa nada y la lista está vacía al reabrir la app» obtiene una respuesta mucho mejor que «no funciona». Si puedes, pega la parte del código que crees que falla. Las correcciones pequeñas y enfocadas superan a pedir una reescritura completa.