v0, Lovable y Bolt: prompts sin sistema de archivos

Estas herramientas construyen desde un cuadro de chat y rara vez tocas los archivos. Eso cambia cómo es un prompt útil: todo tiene que ir en el mensaje, y el mensaje tiene que pelear contra el estilo de la casa.

El problema del estilo de la casa

v0 tira por defecto de componentes shadcn y Tailwind. Lovable, de un look redondeado, suave y cargado de degradados. Bolt cae en algún punto intermedio. Ninguno está mal, pero si pegas un prompt de tarjeta neobrutalista sin decir "no el look por defecto", obtienes una tarjeta neobrutalista con radio de 12px y una sombra suave, que no es ni una cosa ni la otra.

Por eso el prompt copiado para estas herramientas empieza con una línea que dice: CSS puro para estas reglas, sin utilidades de Tailwind, mantén los valores exactos. Ayuda. No siempre gana. Si el resultado se desvía, responde con el único valor que está mal ("el radio debería ser 0, no 12px") en vez de volver a pegarlo todo.

Fijar el look de toda una app

Las tres te dejan describir el proyecto antes de la primera generación. Ese primer mensaje es el momento de pegar un prompt de estilo. Ponlo después de tu descripción de lo que hace la app y antes de cualquier lista de funcionalidades. Lovable además tiene un campo de knowledge o instrucciones personalizadas en los ajustes del proyecto; el prompt de estilo también va ahí, porque el historial del chat se resume y los ajustes no.

Snippets en una herramienta basada en componentes

v0 en particular quiere un componente, no una clase. Copia el prompt y luego di "haz de esto una variante de Button llamada glow que acepte las mismas props que el botón por defecto". Mantendrá los valores del prompt y te dará algo reutilizable. Para Lovable, pide el CSS en index.css y la clase aplicada en el componente; así sigue siendo editable después.

Nuevo en CSS

Estas herramientas son conservadoras con el CSS nuevo porque sus vistas previas corren en un iframe aislado que puede ir una versión de navegador por detrás. Los prompts de Nuevo en CSS incluyen la línea de fallback por esa razón. Si una funcionalidad no aparece en la vista previa pero funciona al abrir la URL desplegada, es el sandbox, no tu código.

Enlaces a markdown

Ninguna de las tres descarga URLs de forma fiable desde el chat, así que usa el portapapeles. Si quieres que la herramienta vea muchos snippets a la vez, pega la sección relevante de llms.txt como contexto; es texto plano y corto.