Create your first demo
A practical walkthrough for creating a useful first LittleDemo.
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
bashlittledemo 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:
textShow a new user creating a workspace, inviting one teammate, and reaching the empty dashboard.
Weak:
textMake a demo of Acme.
The good prompt says what to do and where to stop.
4. Generate
bashlittledemo 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.