> ## Documentation Index
> Fetch the complete documentation index at: https://docs.twin.so/llms.txt
> Use this file to discover all available pages before exploring further.

# Quickstart

> Build your first three Twin agents and experience the full platform

This guide walks you through **three hands-on tasks** that cover the core Twin experience: scheduled agents, event-driven triggers, OAuth integrations, and browser automation. By the end you'll have built three working agents — all without writing code.

<Card title="Create Your Free Account" icon="arrow-right" href="https://builder.twin.so/" color="#F4D03F">
  Sign up and get 1,000 free credits — no credit card required
</Card>

***

## Task 1: Scheduled Email Categorizer

Your first agent will run **every day at 9 AM**, scan your Gmail inbox, categorize emails into a Google Sheet, and send you a Slack message when it's done.

This task introduces you to:

<CardGroup cols={3}>
  <Card title="Build Mode" icon="hammer" color="#F4D03F">
    Creating your first agent from scratch
  </Card>

  <Card title="Time Schedules" icon="calendar" color="#F4D03F">
    Automating tasks on a recurring basis
  </Card>

  <Card title="OAuth Integrations" icon="plug" color="#F4D03F">
    Seamlessly connecting Gmail, Sheets, and Slack
  </Card>
</CardGroup>

### Step 1 — Open a new Workspace

Go to [Twin](https://builder.twin.so/) and create a new [Workspace](/workspaces). A workspace is where your agents live — think of it as a project folder where agents collaborate and share context. Every agent must live inside a workspace.

### Step 2 — Chat with the Orchestrator

On the left side of your screen you'll see the [Orchestrator](/orchestrator) — the AI chat that manages your workspace. This is where you describe what you want to build.

<Frame caption="The Orchestrator (left) is your workspace manager — describe what you need and it builds agents for you">
  <img src="https://mintcdn.com/twinlabs/32bkTaA33ltG-5t7/images/orchestrator-example.png?fit=max&auto=format&n=32bkTaA33ltG-5t7&q=85&s=bbe69947a7c4cf83c2ea12397c17007f" alt="The Orchestrator managing a workspace" width="1024" height="686" data-path="images/orchestrator-example.png" />
</Frame>

### Step 3 — Give the Orchestrator your goal

Paste this prompt (or adapt it to your needs):

<Card icon="message" title="Your prompt" color="#F4D03F">
  "Every day at 9 AM, look into my Gmail inbox, categorize each new email by type (newsletter, client, internal, billing, other) into a Google Sheet, and send me a Slack message when finished with a summary of what was categorized."
</Card>

The Orchestrator will start a **build** — this is [Build mode](/build-vs-run), where Twin uses high-reasoning AI to interpret your goal, plan the steps, and set up integrations.

### Step 4 — Connect your accounts

During the build, Twin will ask you to connect Gmail, Google Sheets, and Slack via **OAuth**. This is a one-click authorization — no API keys to manage, no tokens to copy. Twin handles the permissions securely.

<Tip>OAuth integrations are workspace-scoped. Once you connect an account, all agents in the workspace can use it.</Tip>

### Step 5 — Review, test, and deploy

Twin will show you the execution plan and run a test. Review the results:

* Are emails categorized correctly?
* Is the Sheet formatted how you want?
* Did the Slack message arrive?

Refine in the chat if needed, then **deploy**. Your agent is now scheduled and will run every morning at 9 AM in [Run mode](/build-vs-run) - typically **3-10x cheaper** than the build that created it.

<Note>This is just one type of [trigger](/triggers). Twin also supports event-based triggers, webhooks, and programmatic triggers via the [REST API](/rest-api).</Note>

***

## Task 2: Event-Driven Email Responder

Your second agent reacts to **real-time events** — every time you receive a new email, it analyzes the content and sends you a suggested response via Telegram.

This task introduces you to:

<CardGroup cols={2}>
  <Card title="Custom Webhooks" icon="webhook" color="#F4D03F">
    Triggering agents based on external events
  </Card>

  <Card title="Zero-Config Setup" icon="wand-magic-sparkles" color="#F4D03F">
    The agent builds the webhook infrastructure for you
  </Card>
</CardGroup>

### Step 1 — Create a new agent in your Workspace

In the same workspace, tell the Orchestrator:

<Card icon="message" title="Your prompt" color="#F4D03F">
  "Every time I receive a new email in Gmail, analyze it with AI and send me a suggested response via Telegram."
</Card>

### Step 2 — Understand what's happening

This is fundamentally different from Task 1. Instead of running on a schedule, this agent is triggered by an **external event** — a new email arriving. Twin will automatically set up a [custom webhook](/triggers#custom-webhooks) that listens for incoming emails and fires the agent.

**You don't have to manage anything.** The agent builds the webhook infrastructure on the fly — no servers to configure, no endpoints to deploy, no polling logic to write.

### Step 3 — Connect Telegram

Twin will ask you to connect your Telegram account. Follow the prompts — this is the same smooth OAuth flow you experienced in Task 1.

### Step 4 — Test it live

Send yourself a test email and watch the agent react in real time. Within moments you should receive a Telegram message with a suggested response.

Refine the tone, length, or format in the chat if needed, then deploy.

<Tip>Event-driven agents are perfect for workflows that need to react immediately — like support triage, lead notifications, or alert escalation. See [Triggers](/triggers) for all the event sources Twin supports.</Tip>

***

## Task 3: Browser Automation

Your third agent uses Twin's [Web Agent](/web-agent) to interact with a real website — filling out a form just like a human would.

This task introduces you to:

<CardGroup cols={2}>
  <Card title="Web Agent" icon="globe" color="#F4D03F">
    Autonomous browser automation in an isolated cloud computer
  </Card>

  <Card title="Human-in-the-Loop" icon="hand" color="#F4D03F">
    You can watch, intervene, and take control at any time
  </Card>
</CardGroup>

### Step 1 — Create a new agent

Tell the Orchestrator:

<Card icon="message" title="Your prompt" color="#F4D03F">
  "Go to [https://httpbin.org/forms/post](https://httpbin.org/forms/post) and fill out the form with sample data, then submit it."
</Card>

### Step 2 — Approve the browser task

Because browser automation is the most credit-intensive operation, Twin will ask for your permission before launching. You'll see a preview of what the agent plans to do and can approve or edit the plan.

<Frame caption="The agent asks for permission before launching the browser — you stay in control">
  <img src="https://mintcdn.com/twinlabs/32bkTaA33ltG-5t7/images/web-agent-permission.png?fit=max&auto=format&n=32bkTaA33ltG-5t7&q=85&s=37818a00cc71cc39a61a2a195c6a80bd" alt="Web Agent asking for permission before launching" width="1024" height="684" data-path="images/web-agent-permission.png" />
</Frame>

### Step 3 — Watch the agent work

An embedded browser window opens inside Twin. This is **not your local browser** — it's an isolated cloud computer dedicated to your agent. You can watch every click, scroll, and keystroke in real time.

<Frame caption="The embedded browser shows the agent filling out the form step by step">
  <img src="https://mintcdn.com/twinlabs/32bkTaA33ltG-5t7/images/web-agent-browser.png?fit=max&auto=format&n=32bkTaA33ltG-5t7&q=85&s=0d97d1b17676e35907b2c3bc9b5798f6" alt="Web Agent browser window showing form interaction" width="938" height="1024" data-path="images/web-agent-browser.png" />
</Frame>

You can **cancel at any time** if something goes off track.

### Step 4 — Understand when the Web Agent activates

The Web Agent isn't something you manually choose — the agent decides automatically. It will always prefer APIs and built-in tools (they're faster and cheaper). It only falls back to the browser when an API isn't available or doesn't support the required action.

<Tip>Some agents mix API and browser automation. For example, an Airtable agent might use the API for most operations but launch the browser for "Create Base" because that specific scope isn't available via the API. See [Web Agent](/web-agent) for details and [Tips and Tricks](/tips-tricks) for optimization.</Tip>

***

## What You've Built

<CardGroup cols={3}>
  <Card title="Scheduled Agent" icon="calendar" color="#F4D03F">
    Runs every morning, categorizes emails, notifies via Slack
  </Card>

  <Card title="Event-Driven Agent" icon="bolt" color="#F4D03F">
    Reacts to incoming emails in real time via webhook
  </Card>

  <Card title="Browser Agent" icon="globe" color="#F4D03F">
    Fills out web forms autonomously in a cloud browser
  </Card>
</CardGroup>

In three tasks you've experienced the full Twin platform:

* **[Workspaces](/workspaces)** — where agents live and collaborate
* **[Orchestrator](/orchestrator)** — the chat that builds and manages your agents
* **[Build vs Run](/build-vs-run)** - creating agents (more expensive) vs executing them (typically 3-10x cheaper)
* **[Triggers](/triggers)** — schedules, webhooks, and event-driven automation
* **[OAuth integrations](/tips-tricks)** — one-click account connections
* **[Web Agent](/web-agent)** — browser automation when APIs aren't enough

***

## What's Next?

<CardGroup cols={2}>
  <Card title="Tips and Tricks" icon="lightbulb" href="/tips-tricks" color="#F4D03F">
    Optimize your agents for cost, reliability, and quality
  </Card>

  <Card title="Build an Interface" icon="window" href="/interfaces" color="#F4D03F">
    Create a full app or website powered by your agents
  </Card>

  <Card title="REST API" icon="code" href="/rest-api" color="#F4D03F">
    Trigger agents programmatically from your own backend
  </Card>

  <Card title="Pricing" icon="coins" href="/pricing" color="#F4D03F">
    Understand credits, plans, and how to stay cost-efficient
  </Card>
</CardGroup>
