> ## 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.

# Create your first demo

A practical walkthrough for creating a useful first LittleDemo.

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.