Diseño
Crear una web o app con IA
Describe tu web o app para que v0, Lovable o Bolt generen una primera versión funcional y bien diseñada.
Completá los campos para adaptar este prompt a tu caso y copialo en un clic. Funciona en ChatGPT, Claude, Gemini y otras IA.
Generá tu prompt
Datos para completar:
- Tipo de producto
- Negocio o proyecto
- Objetivo
- Usuarios
- Pantallas o secciones
- Funcionalidades clave
- Datos que maneja
- Estilo visual
- Colores y referencias
- Fuera de esta versión
Crea una [tipo de producto, por ejemplo landing page, panel de gestión o app de reservas] para [negocio o proyecto].
Objetivo: [qué tiene que poder hacer el usuario]
Usuarios: [quiénes la usan y desde qué dispositivo]
Pantallas o secciones: [lista de pantallas y qué contiene cada una]
Funcionalidades clave: [por ejemplo buscador, formulario de contacto, carrito o reservas]
Datos que maneja: [entidades y sus campos principales, por ejemplo Reserva: fecha, cliente y servicio; o "ninguno"]
Estilo visual: [personalidad de la marca, por ejemplo minimalista y cálida]
Colores y referencias: [colores de marca y sitios que te gusten]
Fuera de esta versión: [lo que no hay que construir todavía]
Requisitos:
- Diseño responsive, pensado primero para celular.
- Un sistema visual consistente: la misma escala de tipografía, espaciado y estilos de botón en todas las pantallas.
- Textos reales y específicos en español, sin lorem ipsum.
- Jerarquía clara, con un llamado a la acción principal por pantalla.
- Accesibilidad básica: buen contraste, etiquetas en los formularios y navegación con teclado.
- Estados de carga, vacío y error en las pantallas que muestran datos.
- Componentes reutilizables y código ordenado.
Trabaja por etapas: primero construye la estructura y la navegación con datos de ejemplo realistas, y espera mi revisión antes de agregar base de datos, inicio de sesión o pagos. No agregues funcionalidades que no pedí.
Cómo usar este prompt
- Completá los datos del formulario. Lo que dejes vacío queda entre corchetes.
- Copiá el prompt y pegalo en una conversación nueva de tu IA.
- Si la respuesta no te convence, pedile ajustes concretos: "más breve", "en una tabla" o "con ejemplos de mi rubro".
¿Tenés un prompt propio? Mejoralo con el optimizador de prompts.