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

# Kontext für die LanderLab-KI: Dateien, Screenshots und Seiten

> Geben Sie dem LanderLab KI-Assistenten besseren Kontext. Hängen Sie Dateien an, erstellen Sie Screenshots und binden Sie Inhalte anderer Landingpages ein, um genauere Ergebnisse zu erhalten.

Der KI-Assistent liefert bessere Ergebnisse, wenn er den richtigen Kontext hat. Statt alles in Worten zu beschreiben, können Sie ihm Dateien, Screenshots und Ihre anderen Landingpages zeigen. Dieser Leitfaden erklärt jede Option und wann Sie sie einsetzen.

## Möglichkeiten, Kontext hinzuzufügen

Klicken Sie im Prompt-Feld des KI-Assistenten auf **+**, um alle Optionen zu sehen.

| Option                | Am besten geeignet für                                                              |
| --------------------- | ----------------------------------------------------------------------------------- |
| **Attach files**      | Produktbilder, Logos, Markenmaterial oder Referenzdateien.                          |
| **Take a screenshot** | Der KI ein Layout-Problem oder ein Design zeigen, an dem sie sich orientieren soll. |
| **Add context**       | Abschnitte, Texte oder Stile einer anderen Landingpage wiederverwenden.             |

## So fügen Sie Kontext aus einer anderen Seite hinzu

Nutzen Sie **Add context**, wenn die KI etwas wiederverwenden soll, das Sie bereits gebaut haben – etwa eine Hero-Section, einen Angebotsblock oder ein erfolgreiches Layout eines anderen Landers.

<Steps>
  <Step title="Das +-Menü öffnen">
    Klicken Sie im Prompt-Feld des KI-Assistenten auf **+**.
  </Step>

  <Step title="Mit der Maus über „Add context“ fahren">
    Neben dem Menü öffnet sich eine Liste Ihrer Landingpages.
  </Step>

  <Step title="Die Seite finden">
    Tippen Sie in **Search pages** oder scrollen Sie durch die Liste. Fahren Sie mit der Maus über eine Seite, um eine Vorschaukarte mit Miniaturbild, Veröffentlichungsstatus sowie Erstellungs- und letztem Änderungsdatum zu sehen. So stellen Sie sicher, dass Sie die richtige Seite gewählt haben.

    <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="Das Menü „Add context“ im KI-Assistenten mit dem Feld „Search pages“, einer Liste von Landingpages und einer Vorschaukarte der ausgewählten Seite" width="952" height="525" data-path="images/3a222c7c-9581-44c9-be0d-df0614e5819c.png" />
    </Frame>
  </Step>

  <Step title="Die Seite auswählen">
    Klicken Sie auf die Seite, um sie Ihrer Nachricht als Kontext hinzuzufügen.
  </Step>

  <Step title="Der KI sagen, was sie damit tun soll">
    Formulieren Sie Ihre Anfrage und beziehen Sie sich auf die hinzugefügte Seite. Zum Beispiel:

    ```text theme={null}
    Verwende die Hero-Section und die Testimonials der hinzugefügten Seite auf dieser Seite. Behalte die Farben und Schriften dieser Seite bei.
    ```
  </Step>
</Steps>

<Tip>
  Sagen Sie genau, welchen Teil der anderen Seite Sie meinen. „Kopiere den FAQ-Abschnitt“ funktioniert deutlich besser als „mach es wie auf der anderen Seite“.
</Tip>

## So erstellen Sie einen Screenshot

Erstellen Sie einen Screenshot, um der KI genau zu zeigen, welchen Teil der Seite Sie meinen. Sie können darauf auch zeichnen, um das Problem zu markieren.

<Steps>
  <Step title="Auf „Take a screenshot“ klicken">
    Klicken Sie im Prompt-Feld auf **+** und dann auf **Take a screenshot**. Die Arbeitsfläche wechselt in den Aufnahmemodus.
  </Step>

  <Step title="Den Bereich auswählen">
    Ziehen Sie mit der Maus den Bereich auf, den Sie erfassen möchten. Über die Anfasser passen Sie die Größe an. Die gewählte Größe wird in der Ecke angezeigt.
  </Step>

  <Step title="Markierungen ergänzen (optional)">
    Nutzen Sie die Symbolleiste am unteren Rand, um Wichtiges hervorzuheben:

    * **Rechteck**, um einen Bereich einzurahmen.
    * **Pfeil**, um auf ein Element zu zeigen.
    * **Stift**, um frei zu zeichnen.
    * **Rückgängig** und **Wiederholen**, um einen Fehler zu korrigieren.
    * **X**, um den Screenshot abzubrechen.
  </Step>

  <Step title="Auf „Attach“ klicken">
    Klicken Sie auf **Attach**. Der Screenshot wird Ihrer Nachricht hinzugefügt.

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/uWHxd5IAWWFP2kM-/images/download-(9).png?fit=max&auto=format&n=uWHxd5IAWWFP2kM-&q=85&s=55dd3c5cd13857b9cac175c2e1bceab5" alt="Der Screenshot-Aufnahmemodus im LanderLab-Editor mit ausgewähltem Bereich und der Markierungs-Symbolleiste mit Rechteck, Pfeil, Stift, Rückgängig, Wiederholen und Attach" width="1922" height="958" data-path="images/download-(9).png" />
    </Frame>
  </Step>

  <Step title="Die Änderung beschreiben">
    Sagen Sie der KI, was sie korrigieren soll. Zum Beispiel:

    ```text theme={null}
    Die Preiskarten überlappen sich auf dem Smartphone. Stapele sie in einer Spalte und erhöhe den Abstand dazwischen.
    ```
  </Step>
</Steps>

## So hängen Sie Dateien an

<Steps>
  <Step title="Auf „Attach files“ klicken">
    Klicken Sie im Prompt-Feld auf **+** und dann auf **Attach files**.
  </Step>

  <Step title="Ihre Datei hochladen">
    Wählen Sie die Datei von Ihrem Computer aus. Sie erscheint im Prompt-Feld.
  </Step>

  <Step title="Erklären, wie sie genutzt werden soll">
    Sagen Sie der KI, wohin die Datei gehört, zum Beispiel „Verwende dieses Bild als Hero-Hintergrund“ oder „Orientiere dich an den Farben in diesem Logo“.
  </Step>
</Steps>

## Tipps für besseren Kontext

* **Fügen Sie nur Relevantes hinzu.** Zusätzlicher Kontext kann die KI von der Aufgabe ablenken.
* **Benennen Sie das Wesentliche.** Verweisen Sie auf den genauen Abschnitt, das Element oder das Detail in der Datei oder auf der Seite.
* **Markieren Sie Ihre Screenshots.** Ein Pfeil oder ein Rahmen um die Problemstelle beseitigt jedes Raten.
* **Kombinieren Sie die Optionen.** Ein Screenshot plus eine kurze Anweisung ist oft der schnellste Weg, ein Designproblem zu lösen.

## Verwandte Themen

<CardGroup cols={2}>
  <Card title="Skills" icon="book-open" href="/de/features/ai/skills">
    Speichern Sie Anweisungen, die die KI bei wiederkehrenden Aufgaben wiederverwendet.
  </Card>

  <Card title="Mit KI optimieren" icon="chart-line-up" href="/de/features/ai/optimize-landing-pages">
    Schreiben Sie Prompts, die Seiten mit höherer Conversion-Rate hervorbringen.
  </Card>
</CardGroup>