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

# Overview

> An overview of how Anvil2 incorporates AI

Anvil2 and AI can be divided into two high-level categories: applying AI components, patterns, and styles into ServiceTitan's user interfaces, and using Anvil2 in internal AI tooling.

## AI in the user interface

This section defines the visual language, interaction patterns, and behaviors that shape that representation, ensuring AI feels clear and consistent across the product.

### Atlas

The Atlas extended library represents the conversational workflows within ST. Anvil hosts and collaboratively maintains it as an extended library.

{/* Then added style prop for fill to use the foreground-color-primary variable */}

<Card
  title="Atlas"
  icon={<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style={{ fill: "var(--foreground-color-primary)"}}><path d="M11.957 0 1.1 6v12l10.857 6 10.857-6V6zm7.157 15.955-7.157 3.955-7.156-3.955v-7.91l7.156-3.955 7.157 3.955z"/><path d="m11.957 6.857 1.364 3.78L17.1 12l-3.78 1.364-1.364 3.78-1.364-3.78L6.815 12l3.78-1.363z"/></svg>
}
  href="/docs/extended-libraries/atlas"
>
  Components and utilities for building the Atlas chat experience.
</Card>

### Embedded AI

Anvil's UI components include embedded options that signal to end users that AI has touched the component.

<Card title="Embedded AI" icon={<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="url(https://mintlify.s3.us-west-1.amazonaws.com/servicetitan/docs#a)" d="m10.5 4.5 2.387 6.614 6.613 2.385-6.613 2.387-2.388 6.614-2.386-6.613L1.5 13.499l6.613-2.386z"></path><path fill="url(https://mintlify.s3.us-west-1.amazonaws.com/servicetitan/docs#b)" d="m18 1.5 1.193 3.307L22.5 6l-3.307 1.193L18 10.5l-1.193-3.307L13.5 6l3.307-1.193z"></path><defs><linearGradient id="a" x1="19.5" x2="3.604" y1="14.583" y2="20.367" gradientUnits="userSpaceOnUse"><stop stop-color="#026EE4"></stop><stop offset="1" stop-color="#27AEEE"></stop></linearGradient><linearGradient id="b" x1="22.5" x2="14.552" y1="6.542" y2="9.433" gradientUnits="userSpaceOnUse"><stop stop-color="#026EE4"></stop><stop offset="1" stop-color="#27AEEE"></stop></linearGradient></defs></svg>} href="/docs/web/patterns/embedded-ai">
  Patterns for embeddeding AI into the UI.
</Card>

## AI in internal tooling

How internal teams at ServiceTitan can leverage AI and the Anvil design system. Refer to the [AI Tooling and Anvil2](/docs/ai-tooling-and-anvil2) page for more information on how to integrate Anvil2 into AI tooling.