Create your first demo

This guide creates a demo that is specific enough to be useful, but not so scripted that it becomes brittle.

1. Pick the right URL

Use a page that loads quickly and represents the product state you want to show. A marketing page is fine for a hero or pricing demo. A product demo environment is better for workflows.

If your app needs login, use a demo account that can safely be recorded.

2. Create a project

bash
littledemo projects create \ --name "Acme App" \ --url https://app.acme.com \ --viewport desktop

Save the returned project ID.

3. Write a prompt with a job and a finish line

Good:

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

Weak:

text
Make a demo of Acme.

The good prompt says what to do and where to stop.

4. Generate

bash
littledemo demos create \ --project proj_abc123 \ --prompt "Show a new user creating a workspace, inviting one teammate, and reaching the empty dashboard" \ --duration 12s \ --template auto \ --open

5. Review the result like a developer

Check these before embedding:

  • The first second shows the right context.
  • The cursor does not wander through irrelevant areas.
  • The recording ends after the payoff, not before it.
  • Any generated form data looks plausible.
  • The text is legible at your intended embed size.

If the clip is close but the style is wrong, restyle it. If the story is wrong, regenerate with a tighter prompt.

Ask a question... ⌘I