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

# Añade contexto a la IA de LanderLab: archivos, capturas y páginas

> Dale un mejor contexto al AI Assistant de LanderLab. Adjunta archivos, haz capturas de pantalla y trae contenido de otra landing page para conseguir resultados más precisos.

El AI Assistant da mejores resultados cuando tiene el contexto adecuado. En lugar de describirlo todo con palabras, puedes enseñarle archivos, capturas de pantalla y tus otras landing pages. Esta guía explica cada opción y cuándo usarla.

## Formas de añadir contexto

Haz clic en **+** en el cuadro de texto del AI Assistant para ver todas las opciones.

| Opción                | Ideal para                                                                   |
| --------------------- | ---------------------------------------------------------------------------- |
| **Attach files**      | Imágenes de producto, logotipos, recursos de marca o archivos de referencia. |
| **Take a screenshot** | Enseñarle a la IA un problema de diseño o un diseño que quieres que imite.   |
| **Add context**       | Reutilizar secciones, textos o estilos de otra landing page.                 |

## Cómo añadir contexto de otra página

Usa **Add context** cuando quieras que la IA reutilice algo que ya has creado, como una sección hero, un bloque de oferta o un diseño ganador de otro lander.

<Steps>
  <Step title="Abre el menú +">
    En el cuadro de texto del AI Assistant, haz clic en **+**.
  </Step>

  <Step title="Pasa el cursor por Add context">
    Se abre una lista de tus landing pages junto al menú.
  </Step>

  <Step title="Busca la página">
    Escribe en **Search pages** o desplázate por la lista. Pasa el cursor por una página para ver una tarjeta de vista previa con su miniatura, su estado de publicación y cuándo se creó y se actualizó por última vez. Así puedes confirmar que has elegido la página correcta.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/7oYUvQRdpj3cDy1e/images/3a222c7c-9581-44c9-be0d-df0614e5819c.png?fit=max&auto=format&n=7oYUvQRdpj3cDy1e&q=85&s=1ecfa0d5fc1252ef9638fa9f721a92d7" alt="El menú Add context del AI Assistant con el campo Search pages, una lista de landing pages y una tarjeta de vista previa de la página sobre la que está el cursor" width="952" height="525" data-path="images/3a222c7c-9581-44c9-be0d-df0614e5819c.png" />
    </Frame>
  </Step>

  <Step title="Selecciona la página">
    Haz clic en la página para añadirla a tu mensaje como contexto.
  </Step>

  <Step title="Dile a la IA qué hacer con ella">
    Escribe tu petición y haz referencia a la página que has añadido. Por ejemplo:

    ```text theme={null}
    Usa en esta página la sección hero y los testimonios de la página añadida. Mantén los colores y las fuentes de esta página.
    ```
  </Step>
</Steps>

<Tip>
  Di exactamente qué parte de la otra página quieres. "Copia la sección de preguntas frecuentes" funciona mucho mejor que "hazla como la otra página".
</Tip>

## Cómo hacer una captura de pantalla

Haz una captura para enseñarle a la IA exactamente a qué parte de la página te refieres. También puedes dibujar sobre ella para señalar el problema.

<Steps>
  <Step title="Haz clic en Take a screenshot">
    En el cuadro de texto, haz clic en **+** y después en **Take a screenshot**. El lienzo pasa al modo de captura.
  </Step>

  <Step title="Selecciona la zona">
    Arrastra para seleccionar la parte de la página que quieres capturar. Usa los tiradores para cambiar su tamaño. El tamaño seleccionado aparece en la esquina.
  </Step>

  <Step title="Marca lo importante (opcional)">
    Usa la barra de herramientas de la parte inferior para resaltar lo que importa:

    * **Rectangle** para enmarcar una zona.
    * **Arrow** para señalar un elemento.
    * **Pen** para dibujar a mano alzada.
    * **Undo** y **Redo** para corregir un error.
    * **X** para cancelar la captura.
  </Step>

  <Step title="Haz clic en Attach">
    Haz clic en **Attach**. La captura se añade a tu mensaje.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/uWHxd5IAWWFP2kM-/images/download-(9).png?fit=max&auto=format&n=uWHxd5IAWWFP2kM-&q=85&s=55dd3c5cd13857b9cac175c2e1bceab5" alt="Modo de captura de pantalla en el editor de LanderLab con una zona seleccionada y la barra de marcado con rectángulo, flecha, lápiz, deshacer, rehacer y Attach" width="1922" height="958" data-path="images/download-(9).png" />
    </Frame>
  </Step>

  <Step title="Describe el cambio">
    Dile a la IA qué tiene que corregir. Por ejemplo:

    ```text theme={null}
    Las tarjetas de precios se solapan en móvil. Apílalas en una sola columna y añade más espacio entre ellas.
    ```
  </Step>
</Steps>

## Cómo adjuntar archivos

<Steps>
  <Step title="Haz clic en Attach files">
    En el cuadro de texto, haz clic en **+** y después en **Attach files**.
  </Step>

  <Step title="Sube tu archivo">
    Elige el archivo en tu ordenador. Aparecerá en el cuadro de texto.
  </Step>

  <Step title="Explica cómo usarlo">
    Dile a la IA dónde va el archivo, por ejemplo "Usa esta imagen como fondo del hero" o "Usa los colores de este logotipo".
  </Step>
</Steps>

## Consejos para dar un mejor contexto

* **Añade solo lo relevante.** Un exceso de contexto puede distraer a la IA de la tarea.
* **Nombra lo que importa.** Señala la sección, el elemento o el detalle exacto del archivo o de la página.
* **Marca tus capturas.** Una flecha o un recuadro sobre la zona del problema elimina cualquier duda.
* **Combina opciones.** Una captura con una instrucción breve suele ser la forma más rápida de corregir un problema de diseño.

## Relacionado

<CardGroup cols={2}>
  <Card title="Skills" icon="book-open" href="/es/features/ai/skills">
    Guarda instrucciones que la IA reutiliza en tareas recurrentes.
  </Card>

  <Card title="Optimiza con IA" icon="chart-line-up" href="/es/features/ai/optimize-landing-pages">
    Escribe prompts que generen páginas con más conversiones.
  </Card>
</CardGroup>
