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

# Choose your path

> Choose between upstream WebMCP platform and agent resources or MCP-B package documentation.

WebMCP platform behavior and MCP-B package behavior have different sources of truth. Start with the
lane that matches your question.

## WebMCP platforms and agents

Use upstream documentation for the proposal, implementations, security guidance, demos, and
agent tooling.

<CardGroup cols={2}>
  <Card title="Chrome WebMCP documentation" icon="chrome" href="https://developer.chrome.com/docs/ai/webmcp">
    Find current setup instructions, API guides, use cases, and Chrome limitations.
  </Card>

  <Card title="Community Group draft" icon="book" href="https://webmachinelearning.github.io/webmcp/">
    Read the authoritative proposal and follow its issue tracker and test suite.
  </Card>

  <Card title="Codex compatibility snapshot" icon="robot" href="/reference/webmcp/codex-site-tools">
    Compare OpenAI's official support with dated observations from Codex in ChatGPT's built-in
    browser.
  </Card>

  <Card title="Resources and implementation status" icon="compass" href="/explanation/design/spec-status-and-limitations">
    Find the maintained links for browser support, examples, tests, debugging, and evaluation.
  </Card>

  <Card title="Chrome DevTools WebMCP panel" icon="screwdriver-wrench" href="https://developer.chrome.com/docs/devtools/application/webmcp">
    Inspect registered tools, validate schemas, and test calls in Chrome DevTools.
  </Card>
</CardGroup>

## MCP-B packages

Use this site for package selection, runtime behavior, React integration, transports, and the local
relay.

<CardGroup cols={2}>
  <Card title="Browse packages" icon="boxes-stacked" href="/packages/index">
    Compare the packages, then open the overview or API reference for the package you need.
  </Card>

  <Card title="Choose a runtime" icon="code-branch" href="/how-to/choose-runtime">
    Choose native WebMCP, the tool-only polyfill, or the full `@mcp-b/global` runtime.
  </Card>

  <Card title="Build your first tool" icon="hammer" href="/tutorials/first-tool">
    Register and call one tool on a plain HTML page.
  </Card>

  <Card title="Build your first React tool" icon="react" href="/tutorials/first-react-tool">
    Register a tool from a React component with lifecycle-aware hooks.
  </Card>

  <Card title="Connect a desktop agent" icon="tower-broadcast" href="/tutorials/desktop-agent-relay">
    Connect browser tools to a desktop MCP client through the local relay.
  </Card>

  <Card title="Understand the architecture" icon="diagram-project" href="/explanation/index">
    Read about MCP-B runtime layers, tool lifecycles, transports, and trust boundaries.
  </Card>
</CardGroup>