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

# How it works

> Plug in your phone, let the AI explore, and get a clickable map of any app.

Roveflow turns any app on your phone into a clickable map. You don't write anything down or take screenshots by hand, the AI does the exploring and hands you the finished result.

It works on any app you can open on your phone, including ones that aren't yours. So you can study a competitor and build a better version.

## The three-step loop

<CardGroup cols={3}>
  <Card title="Plug in your phone" icon="usb">
    Connect your iPhone or Android phone and pick any app, yours or a competitor's.
  </Card>

  <Card title="The AI explores it" icon="compass">
    Roveflow opens the app and finds its own way through it, screen by screen, the way a real person would.
  </Card>

  <Card title="Get the Atlas" icon="map">
    Every screen, the journeys between them, and a video of each flow, in one page you can click through and share.
  </Card>
</CardGroup>

## What "roving" means

Roving is the AI exploring the app on its own. It looks at what's on the screen, decides where a real user would tap next, and moves through the app one step at a time. Along the way it captures each screen it lands on and gives it a name, so you end up with a labeled trail instead of a pile of pictures.

The explorer is Claude Code itself, working through a skill you trigger with `/rove`. There's no separate AI account to set up and no extra key to paste in.

## What you end up with

When a run finishes, everything lands in a folder called `roveflow-out`:

<Steps>
  <Step title="screens/">
    A clean shot of every screen the AI visited, each one named.
  </Step>

  <Step title="videos/">
    A short walkthrough video for each user journey.
  </Step>

  <Step title="journeys.json">
    The named journeys and how the screens connect to one another.
  </Step>

  <Step title="atlas.html">
    The finished map, one page that ties it all together. This is the file you open and share.
  </Step>
</Steps>

Open `roveflow-out/atlas.html` in your browser, click through the flows, and hand it to your designers.

<Card title="Read the Atlas" icon="map" href="/concepts/the-atlas">
  See how the finished map is laid out and how to read it.
</Card>