Vibe coding para diseñadores UX / UI, ¡NO!, mejor usa Ingeneria de Prompt

Moises Contreras 09/10/2026

mujer sentada con computador y taza

¿No te ha sucedido que, al pedirle código a la inteligencia artificial, se vuelve un poco tonta o, al probar el resultado, nada funciona como esperabas? Esta sensación de reaccionar ante las respuestas de la IA y tener la intuición de cómo interactuar con ella se llama Vibe Coding. De hecho, de allí viene el nombre.

En este nuevo post vamos a dejar de sentir esas "malas vibras" y aprenderemos a codificar con mejor calidad usando la ingeniería de prompts.

¿Qué es la ingeniería de prompts?

Un prompt es una instrucción recibida por un modelo LLM para encontrar una respuesta determinada. Sin embargo, si la instrucción es deficiente, dará como resultado una respuesta de mala calidad. Este es el problema resuelto por la ingeniería de prompts.

La ingeniería de prompts, además de comprender los principios y fundamentos detrás del funcionamiento de un modelo LLM, agrupa las técnicas necesarias para generar respuestas más coherentes y relevantes.

Y aquí radica la potencia de, por lo menos, saber algo del tema. Con esto, el diseñador UX puede potenciar sus habilidades, no solo para la generación de código, sino durante toda la etapa end-to-end de un producto digital.

Un caso real

En uno de mis trabajos anteriores, lamentablemente, perdimos el acceso a una cuenta de Asana. Allí teníamos absolutamente todo lo referente al proyecto: materiales, recursos, feedback, estados, el tablero Kanban, tareas pendientes, backlog y los briefs. Aproveché la oportunidad para crear nuestro propio "Asana". Tomé un proyecto de código abierto, con su repositorio disponible al público, lo copié y, con la ayuda de mis agentes de IA y la ingeniería de prompts, en menos de una semana realicé un clon de Asana. Este contaba solo con las funcionalidades necesarias y estaba ajustado al flujo de trabajo del equipo. Esto lo logré sabiendo dos cosas: los fundamentos de arquitectura y programación, y además técnicas de ingeniería de prompts.

Te aseguro que, usando solo vibe coding, no hubiera podido enfrentar este problema.

El gran consejo

Te voy a comentar un par de aspectos necesarios para iniciar en esta disciplina: primero, sé lo más específico posible, sin redundancias, directo al grano. Segundo, evita las imprecisiones o las generalizaciones. Como puedes ver, cada aspecto está entrelazado con el otro.

Ejemplo:

Prompt estándar:

Explica el concepto de ingeniería de prompts. Usa explicaciones cortas para facilitar su entendimiento.

Mejora del prompt:

Usa 2-3 oraciones para explicar el concepto de ingeniería de prompts a un estudiante de secundaria.

En los recursos del blog te voy a dejar una guía de IBM para profundizar en las numerosas técnicas existentes.

mano humana de ceramica

Mi estructura actual de trabajo

Los modelos de inteligencia artificial me han ayudado en varios aspectos cotidianos: automatizaciones de stock, registros de ventas, uso de modelos locales, mentoría de aprendizaje, generación de guías de estudio, desktop research, simulación de pruebas de usabilidad y modelos agénticos para generar código o poner en producción un MVP. Sin importar el tipo de actividad a realizar, siempre le solicito a Gemini la mejora y optimización de mis prompts.

Primero empiezo con una Gems (o Skill) de Gemini

*A la fecha de redacción de este post, Google anunció el cambio de los Gems a Skills.

Tengo un Gems configurado para optimizar los prompts creados por mí, con el objetivo de evitar alucinaciones en el modelo o agente, consumiendo la menor cantidad de tokens posible sin perder la calidad de la tarea a realizar.

Este Gems contiene literatura, documentación y guías referentes a la ingeniería de prompts.

*Algunos de estos materiales puedes encontrarlos en los recursos de este mismo artículo.

Al tener configurado este Gems, le solicito una mejor versión de mi instrucción original. Gemini, en la mayoría de los casos, respetará las instrucciones y usará el conocimiento suministrado. Como resultado, obtengo un prompt con técnicas mezcladas, como Meta Prompting (el mismo modelo perfecciona las instrucciones), Modular Prompting (divide las instrucciones en bloques) y Role Prompting (asigna una identidad específica al modelo).

Partes del prompt

Esta es la estructura utilizada en la mayoría de mis prompts:

  • - Rol: ¿Cómo quieres ver actuar al modelo? Este paso es muy importante; aquí le dices al modelo quién es. Adopta ese perfil "profesional", con sus conocimientos y sesgos, para ejecutar las instrucciones en base a ello.
  • - Instrucción: Son las tareas específicas por realizar. Pueden estar desglosadas en puntos.
  • - Conocimiento: Hoy en día, los modelos de inteligencia artificial están entrenados con un conocimiento muy amplio, abarcando miles de temas generales y específicos. Pero si queremos introducir un saber nuevo y particular — por ejemplo, información empresarial o un tema tan especializado donde el modelo suele equivocarse —, lo ideal es suministrarle estos datos para mejorar la calidad de la respuesta.
  • - Contexto: Si el modelo carece de un conocimiento previo, un archivo .md (no necesariamente Markdown) o un historial de conversación, se le puede dar un contexto directo y sin muchos adornos. Evita las explicaciones superficiales.
  • - Datos de entrada: Es la información utilizada por el modelo para trabajar. Por ejemplo, un párrafo (si previamente le diste la instrucción de corregir su ortografía) o una lista (para luego pedirle categorizarla de diferentes maneras).
  • - Salida: Instrucciones adicionales sobre cómo deseas recibir la respuesta del modelo.
Te doy un dato: trata, en lo posible, de dividir las instrucciones en tareas sencillas. Esto evitará errores en el modelo y aumentará la calidad de sus respuestas.

Modelos locales, Open WebUI y ZED

Para los prompts de uso local, suelo ser mucho más específico y breve, evitando saturar los recursos del computador. Uso una aplicación local (levantada por medio de Docker) llamada Open WebUI; es una interfaz gráfica parecida a ChatGPT capaz de tomar tus modelos locales gracias a Ollama. Allí puedes configurarlos, darles un contexto, conocimientos, instrucciones, capacidades y habilidades, tal cual como un Gems de Gemini. Lo uso principalmente para obtener diferentes propuestas de generación de texto (es posible al tener varios modelos locales en mi máquina) y para encontrar información precisa en una documentación.

Hablando del IDE ZED, este puede levantar tus modelos locales de forma nativa o, si lo prefieres, usar opciones disponibles en el mercado por medio de una API. Eso sí, para los modelos locales te sugiero configurarlos previamente; existe un archivo .json dentro del mismo IDE muy sencillo de manipular.

IDEs agénticos

Trata siempre de trabajar con IDEs, ya que te permitirán ver el código creado (o modificado) por tu agente. Suelo alternar entre estos tres: Kiro, Antigravity y Cursor (tengo pendiente probar Claude Code), pues suelen ofrecer tokens gratuitos por tiempo limitado. Si se acaban los créditos en un IDE, salto a otro, pero por lo general ejecuto los modelos instalados de forma local en mi máquina.

Dentro de estos IDEs «más comerciales», por decirlo así, sí uso prompts mucho más robustos con la finalidad de aprovechar todo su potencial.

Un mensaje final para los diseñadores UX

Si logré convencerte de usar la ingeniería de prompts (ojalá sea así), te recomiendo experimentar mucho, practicar y practicar. En pocos días verás a tus agentes mucho más maduros e inteligentes.

Ten en cuenta esto: ahora tienes en tus manos un poder inalcanzable hace algunos años. Lograr simular pruebas de usabilidad, optimizar el tiempo de investigación y documentación, o realizar MVP mucho más realistas y funcionales. De verdad, esto potenciará tu carrera a mil.

Recursos

Ejemplos de prompts

www.promptingguide.ai/es/introduction/examples

Guía de mejores prácticas por Open AI

help.openai.com/en/articles/6654000-best-practices-for-prompt-engineering-with-the-openai-api

Guía en español de IBM

www.ibm.com/mx-es/think/prompt-engineering

Este es el momento de contactarme

¡No dudes en ponerte en contacto conmigo o simplemente saludarme!