> ## Documentation Index
> Fetch the complete documentation index at: https://www.macaly.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Cómo crear tu primer proyecto

> Tu primera web o app, creada hoy mismo

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

<iframe width="100%" height="420" src="https://www.youtube.com/embed/videoseries?list=PL_6FnllPMh1G-XbXlylnuEJk9yUGBGEHn" title="Tutoriales de Macaly" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## Antes de empezar

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

<CardGroup cols={2}>
  <Card title="Landing page" icon="browser">
    Sencilla, enfocada y rápida de crear. Perfecta para probar una idea.
  </Card>

  <Card title="Portfolio personal" icon="user">
    Unas pocas páginas sobre ti, tu trabajo y cómo contactarte.
  </Card>

  <Card title="Web de empresa" icon="building">
    Inicio, sobre nosotros, servicios, contacto. Una estructura de partida sólida.
  </Card>

  <Card title="Panel interno" icon="table-columns">
    Una herramienta sencilla para que tu equipo siga tareas o muestre datos.
  </Card>
</CardGroup>

**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

<Note>
  No le des demasiadas vueltas. Todo se puede cambiar más adelante, así que tu primera versión no necesita ser perfecta.
</Note>

## Crea tu primer proyecto

<Steps>
  <Step title="Abre Macaly e inicia un proyecto nuevo">
    Inicia sesión en [macaly.com](https://www.macaly.com/). El campo de prompt está en el centro de la pantalla de inicio.

    <img src="https://mintcdn.com/macaly-41b1d3e9/3b1-nExOoaeiOJYq/images/guides_first-project_01.png?fit=max&auto=format&n=3b1-nExOoaeiOJYq&q=85&s=a5862e0e462ab210eb18f1cad269d7b1" alt="Iniciando un nuevo chat" width="1500" height="1000" data-path="images/guides_first-project_01.png" />
  </Step>

  <Step title="Describe lo que quieres crear">
    Cuéntale a Macaly 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 Macaly desde el principio, mejor será el primer resultado.
  </Step>

  <Step title="Espera a que el agente termine">
    Macaly 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.

    <img src="https://mintcdn.com/macaly-41b1d3e9/3b1-nExOoaeiOJYq/images/guides_first-project_02.png?fit=max&auto=format&n=3b1-nExOoaeiOJYq&q=85&s=27c4c4e309eee0cd13430043d516eaec" alt="Plan del agente" width="1500" height="1000" data-path="images/guides_first-project_02.png" />
  </Step>

  <Step title="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 <Tooltip headline="Ediciones visuales" tip="Usa la barra sobre la vista previa para editar un elemento directamente, reescribir texto sobre la marcha o marcar de qué hablas." cta="Aprende sobre Ediciones visuales" href="/docs/es/features/visual-edits">la barra sobre la vista previa</Tooltip> para hacer cambios precisos directamente en la página.

    <img src="https://mintcdn.com/macaly-41b1d3e9/3b1-nExOoaeiOJYq/images/guides_first-project_03.png?fit=max&auto=format&n=3b1-nExOoaeiOJYq&q=85&s=4b655dc218595353d9741bba7e8ec71e" alt="Revisar el resultado" width="1500" height="1000" data-path="images/guides_first-project_03.png" />
  </Step>
</Steps>

## Cómo hablar con Macaly

Háblale a Macaly 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í?
```

Macaly 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 Macaly, mejor será el resultado.

* **Describe el resultado, no los pasos.** Céntrate en cómo quieres que se vea o se sienta. Macaly 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 Macaly los irá resolviendo en orden.

* **Pregunta antes de crear.** ¿No estás seguro de si algo es posible? Simplemente pregunta. Macaly 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 Macaly 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](/docs/es/chat/overview#historial-de-versiones).
* **Edita un prompt anterior.** Vuelve a cualquier mensaje anterior y edítalo. Macaly 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.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.