> ## 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.

# Контекст для AI-ассистента: файлы, скриншоты и страницы

> Добавьте контекст для AI-ассистента LanderLab: прикрепляйте файлы, делайте скриншоты и берите содержимое другого лендинга для точных результатов.

AI-ассистент даёт лучшие результаты, когда у него есть нужный контекст. Вместо того чтобы описывать всё словами, вы можете показать ему файлы, скриншоты и другие свои лендинги. В этом руководстве разобрана каждая опция и случаи, когда её стоит использовать.

## Способы добавить контекст

Нажмите **+** в поле ввода AI-ассистента, чтобы увидеть все опции.

| Опция | Подходит для |
| - | - |
| **Attach files** | Изображений продукта, логотипов, брендовых материалов или справочных файлов. |
| **Take a screenshot** | Того, чтобы показать ИИ проблему с вёрсткой или дизайн, на который нужно ориентироваться. |
| **Add context** | Повторного использования секций, текстов или стилей с другого лендинга. |

## Как добавить контекст с другой страницы

Используйте **Add context**, когда хотите, чтобы ИИ повторно использовал то, что вы уже сделали: hero-секцию, блок с оффером или удачную структуру с другого лендинга.

<Steps>
  <Step title="Откройте меню +">
    В поле ввода AI-ассистента нажмите **+**.
  </Step>

  <Step title="Наведите курсор на Add context">
    Рядом с меню откроется список ваших лендингов.
  </Step>

  <Step title="Найдите страницу">
    Введите название в поле **Search pages** или прокрутите список. Наведите курсор на страницу, чтобы увидеть карточку предпросмотра с миниатюрой, статусом публикации, датой создания и последнего обновления. Так проще убедиться, что вы выбрали нужную страницу.

    <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="Меню Add context в AI-ассистенте с полем Search pages, списком лендингов и карточкой предпросмотра страницы, на которую наведён курсор" width="952" height="525" data-path="images/3a222c7c-9581-44c9-be0d-df0614e5819c.png" />
    </Frame>
  </Step>

  <Step title="Выберите страницу">
    Нажмите на страницу, чтобы добавить её в сообщение как контекст.
  </Step>

  <Step title="Скажите ИИ, что с ней делать">
    Напишите запрос и сошлитесь на добавленную страницу. Например:

    ```text theme={null}
    Use the hero section and testimonials from the added page on this page. Keep this page's colors and fonts.
    ```

    (Возьми hero-секцию и отзывы с добавленной страницы и перенеси на эту. Сохрани цвета и шрифты этой страницы.)
  </Step>
</Steps>

<Tip>
  Указывайте точно, какую часть другой страницы вы хотите. Запрос «Скопируй секцию FAQ» работает намного лучше, чем «Сделай как на другой странице».
</Tip>

## Как сделать скриншот

Сделайте скриншот, чтобы показать ИИ, какую именно часть страницы вы имеете в виду. На нём также можно рисовать, чтобы отметить проблему.

<Steps>
  <Step title="Нажмите Take a screenshot">
    В поле ввода нажмите **+**, затем **Take a screenshot**. Холст перейдёт в режим захвата.
  </Step>

  <Step title="Выделите область">
    Протяните курсор, чтобы выбрать нужную часть страницы. Размер области можно менять за маркеры. Выбранный размер отображается в углу.
  </Step>

  <Step title="Добавьте разметку (необязательно)">
    Используйте панель инструментов внизу, чтобы выделить важное:

    * **Rectangle** — обвести область рамкой.
    * **Arrow** — указать стрелкой на элемент.
    * **Pen** — рисовать от руки.
    * **Undo** и **Redo** — исправить ошибку.
    * **X** — отменить скриншот.
  </Step>

  <Step title="Нажмите Attach">
    Нажмите **Attach**. Скриншот добавится в ваше сообщение.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/uWHxd5IAWWFP2kM-/images/download-(9).png?fit=max&auto=format&n=uWHxd5IAWWFP2kM-&q=85&s=55dd3c5cd13857b9cac175c2e1bceab5" alt="Режим захвата скриншота в редакторе LanderLab с выделенной областью и панелью разметки: прямоугольник, стрелка, перо, отмена, повтор и кнопка Attach" width="1922" height="958" data-path="images/download-(9).png" />
    </Frame>
  </Step>

  <Step title="Опишите изменение">
    Скажите ИИ, что нужно исправить. Например:

    ```text theme={null}
    The pricing cards overlap on mobile. Stack them in one column and add more space between them.
    ```

    (Карточки с тарифами накладываются друг на друга на мобильных. Расположи их в одну колонку и добавь больше пространства между ними.)
  </Step>
</Steps>

## Как прикрепить файлы

<Steps>
  <Step title="Нажмите Attach files">
    В поле ввода нажмите **+**, затем **Attach files**.
  </Step>

  <Step title="Загрузите файл">
    Выберите файл на компьютере. Он появится в поле ввода.
  </Step>

  <Step title="Объясните, как его использовать">
    Скажите ИИ, куда поместить файл, например: «Use this image as the hero background» (используй это изображение как фон hero-секции) или «Match the colors in this logo» (подбери цвета по этому логотипу).
  </Step>
</Steps>

## Советы по добавлению контекста

* **Добавляйте только релевантное.** Лишний контекст может отвлечь ИИ от задачи.
* **Называйте важное.** Указывайте точную секцию, элемент или деталь в файле или на странице.
* **Размечайте скриншоты.** Стрелка или рамка на проблемной области убирает любые догадки.
* **Комбинируйте опции.** Скриншот с короткой инструкцией часто — самый быстрый способ исправить дизайн.

## Читайте также

<CardGroup cols={2}>
  <Card title="Скиллы" icon="book-open" href="/ru/features/ai/skills">
    Сохраняйте инструкции, которые ИИ будет использовать в повторяющихся задачах.
  </Card>

  <Card title="Оптимизация с ИИ" icon="chart-line-up" href="/ru/features/ai/optimize-landing-pages">
    Пишите промпты, которые дают лендинги с более высокой конверсией.
  </Card>
</CardGroup>


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