# Vibe

Vibe is the web mode at [usestackai.com/vibe](https://usestackai.com/vibe) — build a project by chatting, see it render live, and download it.

## How to use

{% stepper %}
{% step %}

### Connect

Open **/vibe** and connect your API key (saved in your browser).
{% endstep %}

{% step %}

### Describe what to build

Chat normally — ask for ideas, or describe what to build:

* *"a sleek dark landing page for a coffee shop"*
* *"a digital clock with a glow effect"*
  {% endstep %}

{% step %}

### Preview & refine

StackAI generates the project and shows a **live preview** (rendered in a sandboxed frame). Toggle **Code** to read the source. Keep chatting to refine: *"make it responsive"*, *"add a contact form"*.
{% endstep %}

{% step %}

### Download

Click **.zip** to download the project, ready to run.
{% endstep %}
{% endstepper %}

## Sessions

* Each chat is its own project. Use **+ New** to start a fresh one.
* **Pin** (📌) important chats to the top; **delete** (✕) ones you don't need.
* Chats and projects are saved in your browser.

{% hint style="info" %}
Vibe builds **static web projects** (HTML/CSS/JS) by default. It's conversational — a greeting or question gets a reply, not a random app. A rich page can take \~30–90s (the model is doing real work).
{% endhint %}


---

# 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.usestackai.com/web/vibe.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.