Back to Eliza

Quickstart

packages/cloud-frontend/content/quickstart.mdx

2.0.110.4 KB
Original Source

import { Steps, Tabs, Callout, Cards } from "@/docs/components";

Quickstart

<div className="status-badge status-stable">Stable</div>

Get your first AI agent running in 5 minutes with elizaOS Cloud.

<Callout type="info"> This guide assumes you have a elizaOS Cloud account. [Sign up here](/login) if you haven't already. </Callout>

Choose Your Path

<div className="grid grid-cols-1 md:grid-cols-3 gap-5 mt-6 mb-8"> <a href="#using-the-dashboard" className="docs-quickstart-card no-underline group" style={{ "--card-accent-color": "#ff5800" }} > <span className="corner-tl" aria-hidden="true"></span> <span className="corner-tr" aria-hidden="true"></span> <span className="corner-bl" aria-hidden="true"></span> <span className="corner-br" aria-hidden="true"></span> <div className="relative z-10"> <div className="docs-quickstart-icon" aria-hidden="true"> 🎨 </div> <div className="docs-quickstart-title">Dashboard Setup</div> <div className="docs-quickstart-desc"> Log in and deploy your agent </div> <div className="docs-quickstart-arrow" aria-hidden="true"> → </div> </div> </a> <a href="#chat-in-eliza" className="docs-quickstart-card no-underline group" style={{ "--card-accent-color": "#0b35f1" }} > <span className="corner-tl" aria-hidden="true"></span> <span className="corner-tr" aria-hidden="true"></span> <span className="corner-bl" aria-hidden="true"></span> <span className="corner-br" aria-hidden="true"></span> <div className="relative z-10"> <div className="docs-quickstart-icon" aria-hidden="true"> ⚡ </div> <div className="docs-quickstart-title">Eliza App Chat</div> <div className="docs-quickstart-desc">Connect and test in the app</div> <div className="docs-quickstart-arrow" aria-hidden="true"> → </div> </div> </a> <a href="#using-the-api" className="docs-quickstart-card no-underline group" style={{ "--card-accent-color": "#22c55e" }} > <span className="corner-tl" aria-hidden="true"></span> <span className="corner-tr" aria-hidden="true"></span> <span className="corner-bl" aria-hidden="true"></span> <span className="corner-br" aria-hidden="true"></span> <div className="relative z-10"> <div className="docs-quickstart-icon" aria-hidden="true"> 💻 </div> <div className="docs-quickstart-title">API Integration</div> <div className="docs-quickstart-desc">Use API keys and REST APIs</div> <div className="docs-quickstart-arrow" aria-hidden="true"> → </div> </div> </a> </div>

Using the Dashboard

The fastest way to create and deploy an agent without writing code.

<Steps> ### Navigate to Agent Creator

Go to Dashboard → Agent Creator in the elizaOS Cloud dashboard.

Configure Your Agent

Fill in the basic details:

json
{
  "name": "My Assistant",
  "description": "A helpful AI assistant",
  "modelProvider": "openai",
  "model": "gpt-4o"
}

Customize Personality

Add bio and style information to shape your agent's responses:

  • Bio: Background information and expertise
  • Style: Communication tone and formatting preferences
  • Topics: Areas of knowledge

Deploy & Test

Click "Deploy" to launch your agent runtime. Test it in the dashboard, then connect it to the full Eliza app for day-to-day chat.

</Steps>

Chat in Eliza

Use the Eliza app when you want the complete chat experience for your deployed agent.

<Steps> ### Open Apps

Go to Dashboard → Apps and choose the app or device entry for your agent.

Connect Your Agent

Select the deployed agent runtime you want the app to use. Confirm the app has the correct API key or session access.

Start a Chat

Open Eliza, select your connected agent, and send a test message. The app chat uses the same hosted runtime you deployed from the dashboard.

</Steps>

Using the API

Integrate elizaOS Cloud directly into your applications.

Step 1: Get Your API Key

Navigate to Dashboard → API Keys and create a new key.

bash
# Your API key will look like this:
ELIZA_API_KEY=eliza_xxxxxxxxxxxxxxxxxxxx

Step 2: Create an Agent

<Tabs items={['cURL', 'JavaScript', 'Python']}> <Tabs.Tab>

bash
curl -X POST "https://elizacloud.ai/api/v1/app/agents" \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "name": "My Assistant",
    "bio": "A helpful AI assistant"
  }'

</Tabs.Tab> <Tabs.Tab>

javascript
const response = await fetch('https://elizacloud.ai/api/v1/app/agents', {
  method: 'POST',
  headers: {
    'Authorization': 'Bearer YOUR_API_KEY',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    name: 'My Assistant',
    bio: 'A helpful AI assistant',
  }),
});

const agent = await response.json();
console.log('Created agent:', agent.agent.id);

</Tabs.Tab> <Tabs.Tab>

python
import requests

response = requests.post(
    'https://elizacloud.ai/api/v1/app/agents',
    headers={
        'Authorization': 'Bearer YOUR_API_KEY',
        'Content-Type': 'application/json',
    },
    json={
        'name': 'My Assistant',
        'bio': 'A helpful AI assistant',
    },
)

agent = response.json()
print(f'Created agent: {agent["agent"]["id"]}')

</Tabs.Tab> </Tabs>

Step 3: Send a Message

<Tabs items={['cURL', 'JavaScript', 'Python']}> <Tabs.Tab>

bash
curl -X POST "https://elizacloud.ai/api/v1/chat/completions" \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "model": "YOUR_AGENT_ID",
    "messages": [
      {"role": "user", "content": "Hello! What can you help me with?"}
    ]
  }'

</Tabs.Tab> <Tabs.Tab>

javascript
const response = await fetch('https://elizacloud.ai/api/v1/chat/completions', {
  method: 'POST',
  headers: {
    'Authorization': 'Bearer YOUR_API_KEY',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    model: 'YOUR_AGENT_ID',
    messages: [
      { role: 'user', content: 'Hello! What can you help me with?' }
    ],
  }),
});

const completion = await response.json();
console.log(completion.choices[0].message.content);

</Tabs.Tab> <Tabs.Tab>

python
response = requests.post(
    'https://elizacloud.ai/api/v1/chat/completions',
    headers={
        'Authorization': 'Bearer YOUR_API_KEY',
        'Content-Type': 'application/json',
    },
    json={
        'model': 'YOUR_AGENT_ID',
        'messages': [
            {'role': 'user', 'content': 'Hello! What can you help me with?'}
        ],
    },
)

completion = response.json()
print(completion['choices'][0]['message']['content'])

</Tabs.Tab> </Tabs>

Local Development

Create a local elizaOS project. Cloud deployment and hosted app registration use the dashboard, Cloud API, or SDK endpoints documented in the app and container sections.

<Steps> ### Install the CLI
bash
bun add -g elizaos

Create a Project

bash
elizaos create my-cloud-app --template project
cd my-cloud-app

Run Locally

bash
bun install
bun run dev
</Steps>

Environment Variables

Configure your local development environment:

bash
# .env
ELIZA_API_KEY=eliza_xxxxxxxxxxxxxxxxxxxx
ELIZA_API_URL=https://elizacloud.ai/api/v1

What's Next?

<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-5 mt-6 mb-8"> <a href="/docs/api/overview" className="docs-quickstart-card no-underline group" style={{ "--card-accent-color": "#0b35f1" }} > <span className="corner-tl" aria-hidden="true"></span> <span className="corner-tr" aria-hidden="true"></span> <span className="corner-bl" aria-hidden="true"></span> <span className="corner-br" aria-hidden="true"></span> <div className="relative z-10"> <div className="docs-quickstart-icon" aria-hidden="true"> 📡 </div> <div className="docs-quickstart-title">API Reference</div> <div className="docs-quickstart-desc"> Explore all available endpoints </div> <div className="docs-quickstart-arrow" aria-hidden="true"> → </div> </div> </a> <a href="/docs/agents" className="docs-quickstart-card no-underline group" style={{ "--card-accent-color": "#a855f7" }} > <span className="corner-tl" aria-hidden="true"></span> <span className="corner-tr" aria-hidden="true"></span> <span className="corner-bl" aria-hidden="true"></span> <span className="corner-br" aria-hidden="true"></span> <div className="relative z-10"> <div className="docs-quickstart-icon" aria-hidden="true"> 🤖 </div> <div className="docs-quickstart-title">Features</div> <div className="docs-quickstart-desc"> Learn about platform capabilities </div> <div className="docs-quickstart-arrow" aria-hidden="true"> → </div> </div> </a> <a href="/docs/containers" className="docs-quickstart-card no-underline group" style={{ "--card-accent-color": "#22c55e" }} > <span className="corner-tl" aria-hidden="true"></span> <span className="corner-tr" aria-hidden="true"></span> <span className="corner-bl" aria-hidden="true"></span> <span className="corner-br" aria-hidden="true"></span> <div className="relative z-10"> <div className="docs-quickstart-icon" aria-hidden="true"> 🚀 </div> <div className="docs-quickstart-title">Deployment</div> <div className="docs-quickstart-desc"> Configure production deployments </div> <div className="docs-quickstart-arrow" aria-hidden="true"> → </div> </div> </a> <a href="/docs/sdks" className="docs-quickstart-card no-underline group" style={{ "--card-accent-color": "#f97316" }} > <span className="corner-tl" aria-hidden="true"></span> <span className="corner-tr" aria-hidden="true"></span> <span className="corner-bl" aria-hidden="true"></span> <span className="corner-br" aria-hidden="true"></span> <div className="relative z-10"> <div className="docs-quickstart-icon" aria-hidden="true"> 📦 </div> <div className="docs-quickstart-title">SDKs</div> <div className="docs-quickstart-desc">Use official client libraries</div> <div className="docs-quickstart-arrow" aria-hidden="true"> → </div> </div> </a> </div>