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

# Overview

> Operator is a platform for building conversational AI agents

export const ConceptCard = ({title, href, imageNode, children}) => {
  return <div className="concept-card gap-6 flex flex-row min-h-48 my-12 ml-6 w-full">
      <div className="flex-1">
        <h2 className="mt-0">
          <a href={href}>{title}</a>
        </h2>
        {children}
      </div>
      <div className="max-h-48 flex-1">
        <div className="border border-gray-300 rounded-lg w-full h-full flex justify-center items-center">
          {imageNode}
        </div>
      </div>
    </div>;
};

<div className="py-8" />

<ConceptCard
  title="Conversational Agents"
  href="/conversational-agents/fundamentals"
  imageNode={
<img src="../images/conversational-agents.svg" alt="Conversational Agents Illustration" style={{width: '100%', height: 'auto'}} />
}
>
  Real-time AI agents that converse directly with your customers. They follow your instructions and use tools to complete tasks during live interactions.
</ConceptCard>

<ConceptCard
  title="Procedural Agents"
  href="/procedural-agents/fundamentals"
  imageNode={
<img src="../images/procedural-agents.svg" alt="Procedural Agents Illustration" style={{width: '100%', height: 'auto'}} />
}
>
  AI agents that analyze completed conversations and take follow-up actions. They extract insights, generate reports, and handle post-conversation tasks.
</ConceptCard>

<ConceptCard
  title="Tools"
  href="/tools/overview"
  imageNode={
<img src="../images/tools.svg" alt="Tools Illustration" style={{width: '100%', height: 'auto'}} />
}
>
  Connections to your existing systems and external services. All agent types can use tools to access data, trigger actions, and integrate with your workflow.
</ConceptCard>

<ConceptCard
  title="Channels"
  href="/channels/overview"
  imageNode={
<img src="../images/channels.svg" alt="Channels Illustration" style={{width: '100%', height: 'auto'}} />
}
>
  Multiple ways for customers to reach your agents. Choose the channels that work best for your customers and business model.
</ConceptCard>

<div className="py-8" />

[Jump into the quickstart guide](/getting-started/quickstart) to build your first agent, or explore the [API reference](/api-reference/setup) for programmatic integration.