How LittleDemo turns a URL into a demo

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:

1

Analyze the target page

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

2

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.

3

Record the interaction

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

4

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.

Ask a question... ⌘I