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

# How it works

The high-level flow from URL and prompt to a hosted demo video.

LittleDemo records a real browser session. It does not stitch together static screenshots and pretend they are motion.

At a high level, every generation has the same shape:

**Analyze the target page**

LittleDemo opens the URL, reads the visible page structure, checks common interaction targets, and builds a plan from your prompt.
  **Choose the recording style**

Auto mode picks a style from the prompt and page. You can also provide a recording template such as `plain-scroll`, `pricing-focus`, or `conversion-flow`.
  **Record the interaction**

The recorder follows the generated script in a browser, captures the page while it moves, and applies presentation settings.
  **Publish hosted assets**

The finished demo gets a share page, embed player, video endpoint, GIF endpoint, and thumbnail endpoint.

## Good inputs make better recordings

The recorder can infer a lot, but a precise prompt still helps. Instead of:

```text
Make a demo of our website.
```

Use:

```text
Show a new user creating a workspace, inviting one teammate, and reaching the empty dashboard.
```

The second prompt gives the planner a job, a sequence, and a stopping point.

## What changes after generation

A demo can be:

- refreshed, which re-runs the recording with the same intent;
- restyled, which keeps the action script but changes presentation settings;
- embedded, either by a fixed demo ID or through a dynamic embed that can create a relevant demo for the page.

The original demo ID remains the stable handle you use in embeds and API calls.