Vibe Button

One button to vibe them all.

1. Install

Modify the HTML file to load this library into your project. You can custom the specific corner of the screen the button should appears at.

Button position

Top Left Top Right Bottom Left Bottom Right (default)

Run

Ask a coding agent 😎

2. Setup

Click the AI Foundry Logo button (where is it?) to open the settings dialog. Enter endpoint, deployment, and API key. By the way, the button is draggable.

Tasks

Set endpoint Set deployment Set API key Test the connection

3. Prompt

You can send messages to the button. The button will remember previously sent messages until you reload the page or reset its state

Input

Hello

Run

Ask a coding agent 😎

4. Reset thread

Reseting the thread and start a new thread with the button.

Run

Ask a coding agent 😎

5. Advanced usage

You can use the full settings from the vibe button to initialize the Official SDK from OpenAI

Ask a coding agent 😎

GitHub