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

> Eleva tu experiencia de navegación con la integración de Novita AI y Page Assist.

Page Assist ofrece una extensión de navegador fluida que integra capacidades de IA directamente en tus interacciones web. Al combinar Novita AI con Page Assist, puedes desbloquear una potente experiencia de navegación mejorada con IA que aumenta la productividad y la generación de ideas.

Esta guía te acompañará en el proceso de implementar y ejecutar Page Assist con Novita AI para potenciar tus interacciones web.

## **Cómo integrar Novita AI con Page Assist**

Puedes encontrar el repositorio de GitHub de Page Assist aquí: [n4ze3m/page-assist](https://github.com/n4ze3m/page-assist).

### Paso 1: Prepara tu entorno

* Instala Bun o npm: Sigue la guía de instalación de [<u>Bun</u>](https://bun.sh/) o utiliza npm como alternativa.

### Paso 2: Clona el repositorio de Page Assist

1. Abre tu terminal y ejecuta:

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

2. Instala las dependencias usando Bun o npm:

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

### Paso 3: Compila la extensión de Page Assist

* Compila la extensión para Chrome (predeterminado):

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

* Para Firefox, usa:

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

### Paso 4: Carga la extensión

1. Para Chrome:
   * Navega a `chrome://extensions`.
   * Activa el Modo de desarrollador.
   * Haz clic en `Load unpacked` y selecciona el directorio `build/chrome-xxx` (p. ej., `build/chrome-mv3`).
2. Para Firefox:
   * Ve a `about:addons`.
   * Haz clic en la pestaña `Extensions`.
   * Haz clic en `Manage Your Extensions`.
   * Selecciona `Load Temporary Add-on` y elige el archivo `manifest.json` del directorio `build/firefox-xxx` (p. ej., `build/firefox-mv3`).

### Paso 5: Configura Novita AI como endpoint compatible con la API de OpenAI

1. Obtén tu clave de API de Novita AI:
   * [Inicia sesión](https://novita.ai/user/login) en tu cuenta de Novita AI.
   * Navega a [la página de gestión de claves](https://novita.ai/settings/key-management).
   * Genera una nueva clave de API y cópiala.
2. Configura el endpoint de Novita AI:

   * En la configuración de Page Assist, introduce `Open Compatible API` para añadir un proveedor.

   <Frame>
     <img src="https://mintcdn.com/novitaai/bnRhXPrVKQGiPndx/images/InyourPageAssistSettings,enterOpenCompatibleAPItoaddprovider.jpeg?fit=max&auto=format&n=bnRhXPrVKQGiPndx&q=85&s=24e573b9f95e29ce67db8b0109a77310" alt="En la configuración de Page Assist, introduce Open Compatible API para añadir un proveedor" width="2284" height="1100" data-path="images/InyourPageAssistSettings,enterOpenCompatibleAPItoaddprovider.jpeg" />
   </Frame>

   * Elige Novita desde `Custom list` y usa tu clave de API para la autenticación.

   <Frame>
     <img src="https://mintcdn.com/novitaai/H3Kjvdvlhgt0Aohj/images/ChooseNovitafromtheCustomlist,anduseyourAPIkeyforauthentication..jpeg?fit=max&auto=format&n=H3Kjvdvlhgt0Aohj&q=85&s=f2520fdd7279f785ca4b96fddea18869" alt="Elige Novita desde la lista personalizada y usa tu clave de API para la autenticación" width="1984" height="778" data-path="images/ChooseNovitafromtheCustomlist,anduseyourAPIkeyforauthentication..jpeg" />
   </Frame>

### Paso 6: Elige tu modelo y prueba Page Assist con Novita AI

* Elige tu modelo de la lista de modelos proporcionada por Novita AI.

<Frame>
  <img src="https://mintcdn.com/novitaai/H3Kjvdvlhgt0Aohj/images/ChooseyourmodelfromthemodellistprovidedbyNovitaAI..jpeg?fit=max&auto=format&n=H3Kjvdvlhgt0Aohj&q=85&s=e8cbe0720bdc700a93337b39f3bb0f1b" alt="Elige tu modelo de la lista de modelos proporcionada por Novita AI" width="2216" height="1052" data-path="images/ChooseyourmodelfromthemodellistprovidedbyNovitaAI..jpeg" />
</Frame>

* Interactúa con tu modelo de Novita AI haciendo preguntas o analizando contenido web.

<Frame>
  <img src="https://mintcdn.com/novitaai/H3Kjvdvlhgt0Aohj/images/InteractwithyourNovitaAImodelbyaskingquestionsoranalyzingwebcontent.jpeg?fit=max&auto=format&n=H3Kjvdvlhgt0Aohj&q=85&s=44211eb01eaa61cbd57dc78d6f94b0ad" alt="Interactúa con tu modelo de Novita AI haciendo preguntas o analizando contenido web" width="2322" height="1388" data-path="images/InteractwithyourNovitaAImodelbyaskingquestionsoranalyzingwebcontent.jpeg" />
</Frame>
