Ir al contenido
Todas las guías
Técnico6 min de lectura

La página que creó la IA no es lo que quería: ¿cómo la arreglo con mejores prompts?

Cómo diagnosticar una página que no salió como querías y corregirla con prompts más precisos en Uttra: nombra el problema, cambia una cosa, da un ejemplo.

A veces la página que obtienes se acerca, pero no es lo que querías: colores distintos, una sección que falta, un botón fuera de sitio. Es normal, porque una descripción corta deja muchas decisiones abiertas.

Trátalo como una conversación. Unos pocos mensajes de seguimiento precisos casi siempre funcionan mejor que reescribir entero tu primer prompt.

Cuando el resultado no es el esperado, no empieces de cero: di exactamente lo que ves, lo que esperabas y dónde, cambia una cosa cada vez y aporta un ejemplo o una referencia.

Di qué ves, qué quieres y dónde

«Hazlo más bonito» no da a la IA nada con lo que trabajar. Compáralo con: «Las tres tarjetas de precios debajo de la cabecera tienen alturas distintas. Hazlas iguales y añade más espacio entre ellas.» Nombra el lugar, el problema y el objetivo.

  • Señala la parte exacta: la sección, el botón, el menú.
  • Describe la diferencia: qué hay ahora y qué debería haber.
  • Añade un número cuando puedas: letra más grande, 2 columnas, 3 elementos.

Cambia una cosa cada vez

Si pides en un solo mensaje colores nuevos, otro diseño y tres secciones más, es difícil saber qué parte salió mal. Haz un cambio, mira la vista previa y sigue con el siguiente. Indica también qué debe quedarse igual: «Mantén los textos y el menú, cambia solo los colores.»

Usa la vista previa y selecciona con clic

Mira también la vista previa con el tamaño de un móvil, porque muchos problemas solo aparecen ahí. Puedes seleccionar directamente el elemento que quieres cambiar en lugar de describir dónde está, lo que elimina la mayoría de los malentendidos.

Da ejemplos y divide las tareas grandes

Las palabras reales valen más que los adjetivos. Pega el texto que quieres, el código de color exacto o describe un estilo que te guste, como tranquilo, con mucho espacio en blanco y esquinas redondeadas. Para una función grande como las reservas, construye primero el formulario, luego la confirmación y después los correos.

Un buen mensaje de seguimiento: «El botón Reservar es demasiado pequeño en móvil y queda debajo del texto. Hazlo de ancho completo, verde oscuro con texto blanco, y colócalo justo debajo del precio. No cambies nada más.»

Preguntas frecuentes

Solo si toda la dirección es errónea. Para cualquier otra cosa, los mensajes de seguimiento pequeños y concretos son más rápidos y conservan lo que ya funciona.

Las peticiones vagas dejan margen de interpretación. Añade «no cambies nada más» y nombra el elemento exacto.

Sí. Puedes editar por chat o haciendo clic en los elementos, y puedes descargar el código o sincronizarlo con GitHub si quieres continuar a mano.

Pruébalo en tu propio proyecto

Describe lo que quieres con tus palabras y mira cómo se construye tu web o sistema; luego cámbialo conversando.

Empieza gratis