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

# Introduction

> Char is an embedded AI agent platform with cross-app tools, SSO authentication, and WebMCP browser automation

<img className="block dark:hidden" src="https://mintcdn.com/mcp-b_second_site/PtFMQeEGzRlEZtVt/images/hero-graphic.png?fit=max&auto=format&n=PtFMQeEGzRlEZtVt&q=85&s=3caee1f5dafeac9c1a11a7ac86cf70cb" alt="Char Hero" width="1408" height="768" data-path="images/hero-graphic.png" />

<img className="hidden dark:block" src="https://mintcdn.com/mcp-b_second_site/PtFMQeEGzRlEZtVt/images/hero-graphic.png?fit=max&auto=format&n=PtFMQeEGzRlEZtVt&q=85&s=3caee1f5dafeac9c1a11a7ac86cf70cb" alt="Char Hero" width="1408" height="768" data-path="images/hero-graphic.png" />

Char is an embedded AI agent that can interact with your web application. Users chat with the agent, and it uses WebMCP tools to fill forms, click buttons, read data, and navigate—all within your UI.

## What Char provides

* **Embeddable agent** — Drop-in web component for any framework
* **WebMCP tools** — Let the agent interact with your UI
* **SSO authentication** — Use your existing identity provider
* **Organization skills** — Guide agent behavior with SKILL.md files
* **Cross-app tools** — Access tools from multiple browser tabs and remote services

## AI-Tested Tools

The AI that writes your tools also tests them.

Chrome DevTools MCP lets Claude Code call the exact same WebMCP tools that your embedded agent uses. When Claude writes a tool, it tests it immediately. If Claude can't use a tool, it fixes it—before your users ever see it.

<Card title="Learn more" icon="flask-vial" href="/explanation/ai-tested-tools">
  Why this changes everything
</Card>

## Get Started

<CardGroup cols={3}>
  <Card title="Claude Code Plugin" icon="wand-sparkles" href="/guides/claude-code-setup">
    Two commands. Claude handles the rest.
  </Card>

  <Card title="Manual Installation" icon="wrench" href="/quickstart">
    Step-by-step setup by hand.
  </Card>

  <Card title="AI Resources" icon="bot" href="/vibe/index">
    MCP servers, skills, llms.txt, and source links.
  </Card>
</CardGroup>

## How-to Guides

Task-oriented guides for users who already have Char running.

<CardGroup cols={3}>
  <Card title="WebMCP Tools" icon="hammer" href="/guides/webmcp-tools">
    Add custom UI actions
  </Card>

  <Card title="Skills" icon="wand-magic-sparkles" href="/guides/creating-skills">
    Guide agent behavior
  </Card>

  <Card title="Styling" icon="palette" href="/guides/custom-styling">
    Theme the agent
  </Card>
</CardGroup>

## Identity Providers

<CardGroup cols={2}>
  <Card title="Configure SSO" icon="shield" href="/identity-providers/index">
    Auth0, Okta, Azure AD, Google, and more
  </Card>

  <Card title="Enterprise SSO for MCP" icon="key" href="/explanation/enterprise-sso-mcp">
    Connect internal MCP servers with your IDP (Private Beta)
  </Card>
</CardGroup>

## Explanation

Understanding-oriented content for deeper knowledge.

<CardGroup cols={2}>
  <Card title="How Char Works" icon="sitemap" href="/explanation/how-char-works">
    Architecture overview
  </Card>

  <Card title="Tool Hub" icon="boxes" href="/explanation/tool-hub">
    Cross-app tool aggregation
  </Card>
</CardGroup>

## Reference

<CardGroup cols={3}>
  <Card title="Agent Attributes" icon="sliders" href="/reference/agent-attributes">
    Configuration options
  </Card>

  <Card title="MCP Tools" icon="plug" href="/reference/mcp-tools">
    Char SaaS MCP reference
  </Card>

  <Card title="API Reference" icon="code" href="/api-reference/overview">
    REST endpoints
  </Card>
</CardGroup>

<Snippet file="support-cta.mdx" />