---
title: "Overview"
description: "Complete guides and building patterns for Timbal AI agents"
---

import { ExampleCard, ExampleGrid } from '/snippets/ExampleCard.jsx';

Learn to build powerful AI agents through comprehensive guides and focused examples that demonstrate real-world applications and core patterns.

## Guides

Production-ready guides that walk you through building real-world scenarios from start to finish. These comprehensive tutorials show you how to integrate Timbal with popular services and deploy to production from start to finish.

<Columns cols={3}>
  <Card
    title="Mail Assistant"
    icon="envelopes"
    href="/examples/guides/gmail"
  >
    AI-powered Gmail integration that triages emails and autonomously drafts intelligent responses
  </Card>
  <Card
    title="Tech Support"
    icon="slack"
    href="/examples/guides/slack"
  >
    Smart Slack bot that resolves customer issues instantly and escalates complex cases
  </Card>
  <Card
    title="Sales Assistant"
    icon="whatsapp"
    href="#"
  >
    WhatsApp dealership agent that qualifies leads and books appointments automatically
  </Card>
  <Card
    title="Social Media Support"
    icon="instagram"
    href="#"
  >
    Instagram DM automation that handles customer inquiries and routes complex issues to human agents
  </Card>
  <Card
    title="AI Engineer"
    icon="code"
    href="#"
  >
    Development assistant that writes code, runs tests, and manages background tasks autonomously like Claude Code
  </Card>
  <Card
    title="Financial Advisor"
    icon="chart-line"
    href="#"
  >
    Investment research agent that analyzes markets, tracks portfolios, and provides personalized recommendations
  </Card>
</Columns>

## Agents

Quick-start examples showcasing Timbal's agent patterns. Learn specific techniques like tool integration, streaming responses, state management, and multi-agent orchestration through bite-sized implementations.

<Tabs>
  <Tab title="Memory">
    <ExampleGrid>
      <ExampleCard title="TODO" href="#" />
      <ExampleCard title="TODO" href="#" />
      <ExampleCard title="TODO" href="#" />
    </ExampleGrid>
  </Tab>

  <Tab title="Tools">
    <ExampleGrid>
      <ExampleCard title="TODO" href="#" />
      <ExampleCard title="TODO" href="#" />
      <ExampleCard title="TODO" href="#" />
    </ExampleGrid>
  </Tab>

  <Tab title="Knowledge Bases">
    <ExampleGrid>
      <ExampleCard title="TODO" href="#" />
      <ExampleCard title="TODO" href="#" />
      <ExampleCard title="TODO" href="#" />
    </ExampleGrid>
  </Tab>

  <Tab title="Dynamic Agents">
    <ExampleGrid>
      <ExampleCard title="TODO" href="#" />
      <ExampleCard title="TODO" href="#" />
      <ExampleCard title="TODO" href="#" />
    </ExampleGrid>
  </Tab>

  <Tab title="Evals">
    <ExampleGrid>
      <ExampleCard title="TODO" href="#" />
      <ExampleCard title="TODO" href="#" />
      <ExampleCard title="TODO" href="#" />
    </ExampleGrid>
  </Tab>
</Tabs>

## Workflows

Step-by-step workflow examples that chain multiple operations together. Perfect for complex business processes that require explicit control flow and data transformation between steps.

<Tabs>
  <Tab title="Control Flow">
    <ExampleGrid>
      <ExampleCard title="TODO" href="#" />
      <ExampleCard title="TODO" href="#" />
      <ExampleCard title="TODO" href="#" />
    </ExampleGrid>
  </Tab>

  <Tab title="Evals">
    <ExampleGrid>
      <ExampleCard title="TODO" href="#" />
      <ExampleCard title="TODO" href="#" />
      <ExampleCard title="TODO" href="#" />
    </ExampleGrid>
  </Tab>
</Tabs>
