> ## Documentation Index > Fetch the complete documentation index at: https://anam.ai/docs/llms.txt > Use this file to discover all available pages before exploring further. # JavaScript SDK Quickstart > Create an Anam session token, install the JavaScript SDK, and run your first interactive avatar conversation in a browser. Build this JavaScript quickstart with a coding agent Paste this prompt into Cursor, Claude Code, Codex, or another coding agent. Copy prompt The Anam API provides a simple interface for implementing digital AI personas within your web applications. This guide will walk you through the process of setting up a minimal example of an interactive AI persona. By the end, you'll have a working persona that can have real-time conversations in your web browser. ## Prerequisites * An Anam API key ([get one here](https://anam.ai/docs/api-key.md)) * A modern web browser with microphone access * A local web server (we'll show you how) ## Run this with your own persona Create a persona and API key in Anam Lab, then use them in the quickstart. > [card] [Create a persona](https://lab.anam.ai/build?action=create\&tab=persona\&cta_id=sdk-quickstart-persona) > > Configure the avatar, voice, model, and instructions for your persona. > [card] [Get an API key](https://lab.anam.ai/api-keys?cta_id=sdk-quickstart-api-key) > > Create the key used to authenticate the quickstart request. ## Create Your First Persona **1. Create the HTML structure** Create a new file called `index.html` and add this basic structure: ```html index.html theme={"system"} Hello Cara

Chat with Cara

Your AI persona will appear below and start automatically

``` **2. Add the JavaScript** Now add the script that will automatically start your persona. Add this ` ``` **3. Add your API key** Replace `your-api-key-here` with your actual Anam API key in the script. **4. Complete file example** Your final `index.html` file should look like this: ```html index.html [expandable] theme={"system"} Hello Cara

Chat with Cara

Your AI persona will appear below and start automatically

``` **5. Start a local server** To serve your html file, you'll need a local web server. You can use one of the following methods depending on which development tools you have installed. ```bash Node.js theme={"system"} npx http-server -p 8000 ``` ```bash Python 3 theme={"system"} python -m http.server 8000 ``` ```bash Python 2 theme={"system"} python -m SimpleHTTPServer 8000 ``` ```bash PHP theme={"system"} php -S localhost:8000 ``` **6. Open and test** 1. Navigate to `http://localhost:8000` in your browser 2. Allow microphone access when prompted 3. Cara will appear automatically and you can start talking! 4. When you're done, close the browser tab to end the session. ## What just happened? * **Obtaining a Session Token**: Your API key was exchanged for a temporary session token that enables the persona connection * **Establishing a WebRTC Stream**: The Anam SDK established a real-time video/audio connection to display your persona * **Voice Interaction**: Cara listens to your microphone and responds with natural speech and facial expressions ## What's next? Now that you have Cara running, here are some directions to explore: > [card] [Customize your persona](https://anam.ai/docs/personas/overview.md) > > Change your persona's appearance, voice, and personality > [card] [Build a full application](https://anam.ai/docs/javascript-sdk/examples/basic-app.md) > > Create a complete app with proper client/server architecture > [card] [Handle conversation events](https://anam.ai/docs/javascript-sdk/reference/event-types.md) > > React when your persona speaks, listens, or encounters errors This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.