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

# Claude Scope: Inspect your UI, prompt your AI

> Claude Scope records your browser tab, maps every component via accessibility snapshots, and writes your AI coding agent prompt automatically.

Claude Scope is a developer tool that turns your screen recording into a structured system prompt ready for Claude Code, Codex, or Cursor. Record your browser tab, let the dual-lane analysis engine inspect your UI, and copy a complete prompt — no manual screenshots or descriptions needed.

<CardGroup cols={2}>
  <Card title="Quick Start" icon="rocket" href="/quickstart">
    Sign up, connect your API key, and create your first recording in minutes.
  </Card>

  <Card title="How It Works" icon="circle-info" href="/how-it-works">
    Learn how Claude Scope extracts frames, inspects accessibility trees, and synthesizes prompts.
  </Card>

  <Card title="Recording Guide" icon="circle-dot" href="/recording/new-recording">
    Set up a new recording, choose your target URL, and control when to stop.
  </Card>

  <Card title="API Reference" icon="code" href="/api/overview">
    Integrate Claude Scope into your own workflow using the REST API.
  </Card>
</CardGroup>

## How it works in three steps

<Steps>
  <Step title="Record your screen">
    Open Claude Scope, enter a title and the URL you want to inspect, and click **Start Recording**. Interact with your app naturally — Claude Scope uses SSIM-based frame differencing to capture only meaningful UI state changes.
  </Step>

  <Step title="Dual-lane analysis">
    After you stop recording, two analysis lanes run in parallel: a Vision AI lane that examines each extracted frame for UI elements, and a Playwright lane that captures a full ARIA accessibility snapshot of your seed URL.
  </Step>

  <Step title="Copy your prompt">
    Claude Scope merges the visual timeline and structural inspection into a single, ready-to-paste system prompt. Choose your target agent — Claude Code, Codex, Cursor, or Raw — and copy it directly into your coding session.
  </Step>
</Steps>

<Note>
  Claude Scope is currently **free during beta**. You bring your own Anthropic API key for vision analysis. See [Model Access](/configuration/model-access) to configure yours.
</Note>