# KI-gestützte Integration

Verwenden Sie KI-Programmierassistenten, um das Pushwoosh Flutter-Plugin in Ihrem Projekt zu integrieren und zu konfigurieren. Indem Sie Ihren Assistenten mit dem [Context7](https://context7.com/) MCP-Server verbinden, erhält er Zugriff auf aktuelle Plugin-Dokumentationen, Codebeispiele und API-Referenzen – so kann er präzisen, funktionierenden Integrationscode generieren.

<Aside type="note">
Ihr KI-Assistent muss [MCP (Model Context Protocol)](https://modelcontextprotocol.io/) unterstützen, um Context7 zu verwenden. Zu den unterstützten Tools gehören **Claude Code**, **Cursor**, **Windsurf**, **Cline** und andere.
</Aside>

## Wie es funktioniert

Context7 ist ein MCP-Server, der KI-Assistenten mit aktueller Bibliotheksdokumentation versorgt. Wenn Ihr Assistent Zugriff auf Context7 hat, kann er die neuesten Dokumente, Code-Snippets und API-Referenzen des Pushwoosh Flutter-Plugins direkt während des Gesprächs abrufen – anstatt sich auf potenziell veraltete Trainingsdaten zu verlassen.

Die Bibliotheks-ID des Pushwoosh Flutter-Plugins auf Context7 lautet: **`/pushwoosh/pushwoosh-flutter`**

## Context7 einrichten

Fügen Sie [Context7](https://github.com/upstash/context7#installation) zur MCP-Konfiguration Ihres KI-Assistenten hinzu:

<Tabs>
  <TabItem label="Claude Code">
Führen Sie den folgenden Befehl aus:

```bash
claude mcp add --scope user context7 -- npx -y @upstash/context7-mcp --api-key YOUR_API_KEY
```
  </TabItem>
  <TabItem label="Cursor / Windsurf">
Fügen Sie dies zu Ihrer MCP-Konfigurationsdatei (`.cursor/mcp.json` oder einer entsprechenden Datei) hinzu:

```json
{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp@latest"]
    }
  }
}
```
  </TabItem>
</Tabs>

## Beispiel-Prompts

Sobald Context7 konfiguriert ist, können Sie Prompts in natürlicher Sprache verwenden, um das Plugin zu integrieren. Nachfolgend finden Sie fertige Prompts für gängige Aufgaben.

### Grundlegende Plugin-Integration

```text
Integriere das Pushwoosh Flutter-Plugin in mein Flutter-Projekt.

Anforderungen:
- Installiere pushwoosh_flutter über pub
- Initialisiere Pushwoosh mit meiner App-ID in main()
- Registriere für Push-Benachrichtigungen und verarbeite die onPushReceived- und onPushAccepted-Streams

Verwende Context7 MCP, um die Dokumentation des Pushwoosh Flutter-Plugins abzurufen.
```

### Tags und Benutzersegmentierung

```text
Zeige mir, wie ich Pushwoosh-Tags in einer Flutter-App zur Benutzersegmentierung verwenden kann.
Ich muss Tags setzen, Tags abrufen und die Benutzer-ID für das geräteübergreifende Tracking festlegen.

Verwende Context7 MCP, um die Dokumentation des Pushwoosh Flutter-Plugins für setTags und getTags abzurufen.
```

### Integration der Message Inbox

```text
Integriere die Pushwoosh Message Inbox in meine Flutter-App. Zeige mir, wie ich:
- die Inbox-Benutzeroberfläche mit benutzerdefiniertem Styling mithilfe von PWInboxStyle anzeige
- Nachrichten programmatisch lade
- die Anzahl ungelesener Nachrichten verfolge

Verwende Context7 MCP, um die Dokumentation des Pushwoosh Flutter-Plugins für presentInboxUI abzurufen.
```

<Aside type="tip">
Wenn Sie **„Verwende Context7 MCP, um die Dokumentation des Pushwoosh Flutter-Plugins abzurufen“** am Ende Ihres Prompts hinzufügen, weisen Sie den KI-Assistenten an, die neuesten Plugin-Dokumente abzurufen, bevor er Code generiert.
</Aside>

## Was der KI-Assistent erhält

Wenn Ihr Assistent Context7 für das Pushwoosh Flutter-Plugin abfragt, erhält er:

- **Installationsanweisungen** – Einrichtung von pubspec.yaml und plattformspezifische Konfiguration
- **API-Referenz** – öffentliche Klassen, Methoden und Stream-Definitionen
- **Codebeispiele** – Dart-Snippets für gängige Anwendungsfälle
- **Plugin-Dokumentation** – Anleitungen für das Kern-Plugin, die Inbox und Geozones
- **Konfigurationsdetails** – Initialisierungsparameter, Einrichtungsschritte für iOS und Android