Cómo crear tu primer proyecto

Describes lo que quieres en lenguaje natural y Vibewax lo crea por ti. Piensa en ello como escribirle a un desarrollador muy hábil que trabaja al instante.

Antes de empezar

No necesitas un plan detallado. Pero si no sabes por dónde empezar, estos son buenos primeros proyectos:

Qué tener a mano:

• Una breve descripción de qué trata tu web (con una frase basta)
• Tu logo, si tienes uno
• Los colores de tu marca, o una web de referencia cuyo aspecto te guste

Crea tu primer proyecto

1

1. Abre Vibewax e inicia un proyecto nuevo

El campo de prompt está en el centro de la pantalla de inicio.

2

2. Describe lo que quieres crear

Cuéntale a Vibewax lo que tienes en mente, igual que se lo explicarías a un amigo. Funciona en cualquier idioma.

Si ya tienes materiales listos (un logo, una guía de marca, un PDF con contenido), adjúntalos de inmediato. Cuanto más contexto tenga Vibewax desde el principio, mejor será el primer resultado.

3

3. Espera a que el agente termine

Vibewax empieza a crear de inmediato. Puede que haga alguna pregunta por el camino si algo necesita aclararse.

La primera versión puede tardar hasta unos minutos. Verás las actualizaciones en el chat mientras el agente trabaja.

4

4. Revisa el resultado

Comprueba la vista previa a la derecha. Fíjate en el diseño, el texto, las imágenes y la sensación general. Usa el selector de dispositivo encima de la vista previa para ver al instante cómo se ve tu web en móvil, tablet y ordenador.

No será perfecto a la primera, y eso es totalmente normal. Sigue refinándolo enviando mensajes de seguimiento en el chat, o cambia a la barra sobre la vista previa para hacer cambios precisos directamente en la página.

Cómo hablar con Vibewax

Háblale a Vibewax como a un amigo. Sin comandos ni tecnicismos. Simplemente di lo que quieres.

Empieza con algo concreto:

Quiero crear una web para mi cafetería llamada Dusk. Es un sitio
pequeño y acogedor en Praga. Buen café, bollería casera, jazz en
directo los fines de semana. Colores cálidos, muchas fotos de comida.

Luego sigue la conversación. Cada mensaje se construye sobre lo ya creado:

He encontrado una web cuyo estilo me encanta: https://ejemplo.com
¿Podemos hacer algo parecido para la página de inicio?

Cambia las reseñas de Google Maps por una galería de fotos.

¿Puedes añadir una sección de menú? Tengo nuestro menú completo en
un PDF, lo voy a subir. ¿Puedes sacar los platos y los precios de ahí?

Vibewax mantiene el contexto completo de tu proyecto durante toda la conversación, así que nunca pierde de vista lo que ya has creado.

Algunos consejos

• Los mejores resultados empiezan con contexto. Comparte una web de referencia, sube tu logo o explica para quién es la web. Cuanto más sepa Vibewax, mejor será el resultado.

• Describe el resultado, no los pasos. Céntrate en cómo quieres que se vea o se sienta. Vibewax se encarga de averiguar el cómo.

• Envía una petición a la vez. Los mensajes concretos dan mejores resultados que las listas largas. Si tienes varios cambios en mente, envíalos uno por uno y Vibewax los irá resolviendo en orden.

• Pregunta antes de crear. ¿No estás seguro de si algo es posible? Simplemente pregunta. Vibewax puede explicarte las opciones antes de empezar a trabajar.

• Di qué está mal, no solo que está mal. “La tipografía se ve demasiado formal” le da a Vibewax algo concreto con lo que trabajar. “Inténtalo de nuevo” no.

Cuando algo sale mal

¿Algo no se ve bien? Es totalmente normal, sobre todo al principio. Esto es lo que puedes hacer:

• Pide al agente que lo deshaga. Describe qué cambió y di que quieres revertirlo. Funciona mejor cuando solo salió mal una cosa.
• Restaura una versión anterior. Si varias cosas se torcieron a la vez, restaurar es más rápido que deshacer paso a paso. Abre el Historial de versiones con el icono del reloj de la barra superior, mira la versión que quieras y haz clic en Restaurar. Consulta Historial de versiones.
• Edita un prompt anterior. Vuelve a cualquier mensaje anterior y edítalo. Vibewax rebobina el proyecto a ese momento y lo reconstruye a partir de tu prompt actualizado.
• Parte de una copia segura. Antes de hacer cambios grandes, haz clic en “Duplicar” debajo de cualquier mensaje. Así siempre tienes una copia de respaldo a la que volver.