# Open AI Assistant/Chatbot

What you will need:

* Kinde Free account
* Open AI account and AI Assistant created
* Xano free account

### 1. Prepare your Figma design and set up Kinde authentication

Refer to our Authentication with Kinde and Xano docs [here](/integrations/user-authentication/authentication-with-kinde-and-xano.md).

### 2. Install and set up our Bravo Studio Open AI snippet

Once you have completed your authentication set up, [install our Bravo Studio Openai Assistant chat](https://www.xano.com/snippet/sTv2yKGW).

Once installed to your Xano instance, click **manage.**

<figure><img src="/files/1k6TRWQgcpYWSV97NRzi" alt=""><figcaption></figcaption></figure>

Add your **openai\_api\_key** and **openai\_assistant\_id:**

<figure><img src="/files/rSThKrFpQzhHPmHcNZ7g" alt=""><figcaption></figcaption></figure>

Go to API's and select your /assistant/get\_url endpoint.&#x20;

From you rfunction stack list, select "Create Authentication Token".

On the configuration panel, select your external\_user table.

<figure><img src="/files/OGg4DKrjnr0PMmgPSPbC" alt=""><figcaption></figcaption></figure>

Copy your /assistant/get\_url endpoint url.

In Bravo Studio, open your app project Data collection:

<figure><img src="/files/IvOpNk0440hTXIAG4t4I" alt=""><figcaption></figcaption></figure>

Create a new GET request and paste your /assistant/get\_url endpoint url and hit Send.

Make sure to **select the received data**:

<figure><img src="/files/ueEc4AGxWfdZvvRMr4O1" alt=""><figcaption></figcaption></figure>

Click Debug to open response details. Here you will find your AI assistant URL which you can test in your browser:

<figure><img src="/files/1TWy3sTLs1KcWdMVKHaI" alt=""><figcaption></figcaption></figure>

Back in your app project, select the web-view design element and bind it with your selected data:

<figure><img src="/files/NZdCMUdZDUxxmkVYXYbw" alt=""><figcaption></figcaption></figure>

Go to Bravo Vision and test your app authentication flow and AI chatbot!


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.bravostudio.app/integrations/open-ai-assistant-chatbot.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.