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

# Subtext: Session Replay Built for AI Agents

> Subtext gives your AI coding agent eyes on your running application — connecting it to session replay, a cloud-hosted browser, and a semantic map of your UI.

Subtext bridges the gap between your AI coding agent and your running application. Agents can read your codebase, but they can't see what's happening in the browser. Subtext closes that gap by connecting Claude Code, Cursor, Codex, and other agents to real production session recordings, hosted browser devtools, and a persistent semantic map of your app's UI.

<CardGroup cols={2}>
  <Card title="Quick Start" icon="rocket" href="/docs/quickstart">
    Install Subtext and connect your agent in minutes using the setup wizard.
  </Card>

  <Card title="Install by Framework" icon="layer-group" href="/docs/install/overview">
    Add the capture snippet to Next.js, React, Vite, Remix, or any custom setup.
  </Card>

  <Card title="Session Review" icon="film" href="/docs/session-review/overview">
    Let your agent open real sessions, inspect events, and compare UI state.
  </Card>

  <Card title="Sightmap" icon="map" href="https://docs.sightmap.org">
    Map your UI to semantic names so your agent understands what it's looking at.
  </Card>

  <Card title="Privacy" icon="shield-halved" href="/docs/privacy/overview">
    Automatic form masking plus an agent-driven PII governance workflow.
  </Card>

  <Card title="Verify (Beta)" icon="flask" href="/docs/verify/overview">
    Cloud-hosted browser, proof docs, and artifacts for the closed beta cohort.
  </Card>
</CardGroup>

## How Subtext works

<Steps>
  <Step title="Add the capture snippet">
    Install the lightweight Subtext capture snippet in your web app. It records full production sessions efficiently enough to capture every one. Form inputs are masked out of the box.
  </Step>

  <Step title="Connect your agent">
    Run `npx @subtextdev/subtext-wizard` to wire up the MCP server, skills, and slash commands automatically — or follow the manual install guide for full control.
  </Step>

  <Step title="Your agent reviews sessions">
    Your agent opens a real session, steps through events, captures UI snapshots, and compares states — no human needs to scrub the recording.
  </Step>

  <Step title="Ship with confidence">
    Use the privacy governance loop to scan sessions for PII, propose masking rules, and promote them to production — all driven by your agent.
  </Step>
</Steps>

## What Subtext provides

<CardGroup cols={2}>
  <Card title="Session Review" icon="circle-play">
    Replay session recordings step-by-step. Zoom to the moments that matter, capture snapshots, and compare UI state across timestamps.
  </Card>

  <Card title="Privacy Governance" icon="lock">
    Automatic form input masking from day one. Agent-driven PII scanning with a propose → approve → promote workflow.
  </Card>

  <Card title="Sightmap" icon="sitemap" href="https://docs.sightmap.org">
    Open-source YAML config that maps CSS selectors to component names, source paths, and agent memory — giving your agent lasting context.
  </Card>

  <Card title="Skills" icon="wand-magic-sparkles">
    Slash commands like `/subtext:subtext-review` and `/subtext:subtext-session` teach your agent structured workflows for reviewing and debugging real sessions.
  </Card>
</CardGroup>

<Note>
  Subtext is a child brand of [Fullstory](https://fullstory.com) and uses Fullstory's session capture infrastructure. The capture snippet loads `fs.js` from Fullstory's edge network.
</Note>