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

# Page Assist

> Verbessern Sie Ihr Browser-Erlebnis mit der Integration von Novita AI und Page Assist.

Page Assist bietet eine nahtlose Browser-Erweiterung, die KI-Funktionen direkt in Ihre Web-Interaktionen integriert. Durch die Kombination von Novita AI mit Page Assist können Sie ein leistungsstarkes, KI-gestütztes Browser-Erlebnis freischalten, das Produktivität und Erkenntnisgewinn verbessert.

Diese Anleitung führt Sie durch den Prozess der Bereitstellung und Ausführung von Page Assist mit Novita AI, um Ihre Web-Interaktionen deutlich zu erweitern.

## **So integrieren Sie Novita AI mit Page Assist**

Das GitHub-Repository von Page Assist finden Sie hier: [n4ze3m/page-assist](https://github.com/n4ze3m/page-assist).

### Schritt 1: Umgebung vorbereiten

* Installieren Sie Bun oder npm: Folgen Sie der Installationsanleitung für [<u>Bun</u>](https://bun.sh/) oder verwenden Sie alternativ npm.

### Schritt 2: Page Assist-Repository klonen

1. Öffnen Sie Ihr Terminal und führen Sie Folgendes aus:

```bash theme={"system"}
git clone https://github.com/n4ze3m/page-assist.git
cd page-assist
```

2. Installieren Sie die Abhängigkeiten mit Bun oder npm:

```bash theme={"system"}
bun install
```

### Schritt 3: Page Assist-Erweiterung erstellen

* Erstellen Sie die Erweiterung für Chrome (Standard):

```bash theme={"system"}
bun run build
```

* Für Firefox verwenden Sie:

```bash theme={"system"}
bun build:firefox
```

### Schritt 4: Erweiterung laden

1. Für Chrome:
   * Navigieren Sie zu `chrome://extensions`.
   * Aktivieren Sie den Entwicklermodus.
   * Klicken Sie auf `Load unpacked` und wählen Sie das Verzeichnis `build/chrome-xxx` (z. B. `build/chrome-mv3`) aus.
2. Für Firefox:
   * Gehen Sie zu `about:addons`.
   * Klicken Sie auf den Tab `Extensions`.
   * Klicken Sie auf `Manage Your Extensions`.
   * Wählen Sie `Load Temporary Add-on` aus und wählen Sie die Datei `manifest.json` aus dem Verzeichnis `build/firefox-xxx` (z. B. `build/firefox-mv3`) aus.

### Schritt 5: Novita AI als OpenAI-API-kompatiblen Endpoint konfigurieren

1. Novita AI API Key abrufen:
   * [Melden Sie sich an](https://novita.ai/user/login) bei Ihrem Novita AI-Konto.
   * Navigieren Sie zur [Key Management-Seite](https://novita.ai/settings/key-management).
   * Generieren Sie einen neuen API Key und kopieren Sie ihn.
2. Novita AI-Endpoint einrichten:

   * Geben Sie in Ihren Page Assist-Einstellungen `Open Compatible API` ein, um einen Anbieter hinzuzufügen.

   <Frame>
     <img src="https://mintcdn.com/novitaai/bnRhXPrVKQGiPndx/images/InyourPageAssistSettings,enterOpenCompatibleAPItoaddprovider.jpeg?fit=max&auto=format&n=bnRhXPrVKQGiPndx&q=85&s=24e573b9f95e29ce67db8b0109a77310" alt="Geben Sie in Ihren Page Assist-Einstellungen Open Compatible API ein, um einen Anbieter hinzuzufügen Jpe" width="2284" height="1100" data-path="images/InyourPageAssistSettings,enterOpenCompatibleAPItoaddprovider.jpeg" />
   </Frame>

   * Wählen Sie Novita aus der `Custom list` aus und verwenden Sie Ihren API Key zur Authentifizierung.

   <Frame>
     <img src="https://mintcdn.com/novitaai/H3Kjvdvlhgt0Aohj/images/ChooseNovitafromtheCustomlist,anduseyourAPIkeyforauthentication..jpeg?fit=max&auto=format&n=H3Kjvdvlhgt0Aohj&q=85&s=f2520fdd7279f785ca4b96fddea18869" alt="Wählen Sie Novita aus der Custom-Liste aus und verwenden Sie Ihren API Key zur Authentifizierung Jpe" width="1984" height="778" data-path="images/ChooseNovitafromtheCustomlist,anduseyourAPIkeyforauthentication..jpeg" />
   </Frame>

### Schritt 6: Modell auswählen und Page Assist mit Novita AI testen

* Wählen Sie Ihr Modell aus der von Novita AI bereitgestellten Modellliste aus.

<Frame>
  <img src="https://mintcdn.com/novitaai/H3Kjvdvlhgt0Aohj/images/ChooseyourmodelfromthemodellistprovidedbyNovitaAI..jpeg?fit=max&auto=format&n=H3Kjvdvlhgt0Aohj&q=85&s=e8cbe0720bdc700a93337b39f3bb0f1b" alt="Wählen Sie Ihr Modell aus der von Novita AI bereitgestellten Modellliste aus Jpe" width="2216" height="1052" data-path="images/ChooseyourmodelfromthemodellistprovidedbyNovitaAI..jpeg" />
</Frame>

* Interagieren Sie mit Ihrem Novita AI-Modell, indem Sie Fragen stellen oder Webinhalte analysieren.

<Frame>
  <img src="https://mintcdn.com/novitaai/H3Kjvdvlhgt0Aohj/images/InteractwithyourNovitaAImodelbyaskingquestionsoranalyzingwebcontent.jpeg?fit=max&auto=format&n=H3Kjvdvlhgt0Aohj&q=85&s=44211eb01eaa61cbd57dc78d6f94b0ad" alt="Interagieren Sie mit Ihrem Novita AI-Modell, indem Sie Fragen stellen oder Webinhalte analysieren Jpe" width="2322" height="1388" data-path="images/InteractwithyourNovitaAImodelbyaskingquestionsoranalyzingwebcontent.jpeg" />
</Frame>