This is our own product, walked through by Demosmith. Play it, click through the interactive version, read the guide. Every paid plan returns all three from a single run.
Capturing the browser walkthrough and user interactions
Working through demosmith.ai0% complete
Recording SessionCapturing the browser walkthrough and user interactionsPreparing VideoCleaning up the capture and preparing it for analysisUnderstanding WalkthroughIdentifying key moments, intent, and structure in the recordingGenerating NarrationWriting and producing the voiceover for the demoSynchronizing TimelineAligning narration, visuals, captions, and emphasis momentsRendering VideoCompositing the final video with branding, motion, and audioFinalizing AssetsUploading the finished demo and preparing playback and sharingDemo ReadyThe final demo is ready to view and share
Step 3 of 5 · The buildThe agents are doing the hard part here. Move on to see what they hand back.
Pick one export at a time. Completed formats stay available here.
MarkdownRecommendedFor docs sites, CMS pages and editorial review.HTMLA complete SEO ready page with structured content.Plain textClean documentation text for notes or enablement.PDFA shareable document for sending or saving.
MDHTMLTXTPDF
Generate Markdown
Polished Markdown documentation for v1, ready to review, copy and publish.
How to create a demo with Demosmithdemosmith.aiIntro
Demosmith
Create a demo with Demosmith
See tutorial
Create Demo
Describe
Your app URL
demosmith.ai
Step 5 of 5 · The outputPublished and ready to share, as a link or an embed. The video and the written guide are on the other tabs. Copy link Copy embed
Pick one export at a time. Completed formats stay available here.
MarkdownRecommendedFor docs sites, CMS pages and editorial review.HTMLA complete SEO ready page with structured content.Plain textClean documentation text for notes or enablement.PDFA shareable document for sending or saving.
MDHTMLTXTPDF
Generate Markdown
Polished Markdown documentation for v1, ready to review, copy and publish.
Generate Markdown
Step 1 of 5
how-to-create-a-demo.md
# How to Create a Demo with Demosmith
Demosmith turns the address of your product into a finished demo.
This guide covers the three steps, from an empty project to a link
you can send.
## Before you start
Have the address of the product you want demoed. If it sits behind
a login, add a test account. The agent signs itself in.
## Step 1. Describe the demo
Open **Create Demo** in the sidebar and paste your address into
**Your app URL**. Then say what you want shown, in one sentence.
> Pick a single flow. "Show the onboarding" gives a sharper demo> than "show the product".## Step 2. Let the agent walk it
Press **Start**. A cloud browser opens your product, signs in and
clicks through the flow while it records. Most runs finish in eight
to ten minutes.
Every form the agent fills uses realistic data, so your viewers
never meet `test@test.com`.
## Step 3. Take your assets
One walk gives you three things, each with its own link.
| Asset | Format | Best for || ---------------- | ------------------ | ------------------------ || Video | MP4, 16:9 | Landing pages, outbound || Interactive demo | Web link | Buyers who want to drive || Guide | MD, HTML, PDF, TXT | Help center, onboarding |## Languages
Choose any of 31 languages before the run. The voiceover, the
captions and this guide all come back in that language.
How to Create a Demo with Demosmith
Product guide · 3 min read · updated today
Demosmith turns the address of your product into a finished demo. This guide covers the three steps, from an empty project to a link you can send.
Before you start
Have the address of the product you want demoed. If it sits behind a login, add a test account. The agent signs itself in, and asks you for any two-factor code it needs.
Step 1. Describe the demo
Open Create Demo in the sidebar and paste your address into Your app URL. Then say what you want shown, in one sentence.
app.demosmith.ai/create
Create Demo
Describe · Review · Customize
Your app URL
https://demosmith.ai
Onboarding flowDashboardFeature tutorial
Figure 1. The Create Demo screen, placed by the run
Pick a single flow. "Show the onboarding" gives a sharper demo than "show the product".
Step 2. Let the agent walk it
Press Start. A cloud browser opens your product, signs in and clicks through the flow while it records. Most runs finish in eight to ten minutes.
Every form the agent fills uses realistic data, so your viewers never meet test@test.com.
Step 3. Take your assets
One walk gives you three things, each with its own link.
Asset
Format
Best for
Video
MP4, 16:9
Landing pages, outbound
Interactive demo
Web link
Buyers who want to drive
Guide
MD, HTML, PDF, TXT
Help center, onboarding
Languages
Choose any of 31 languages before the run. The voiceover, the captions and this guide all come back in that language.
DemosmithProduct guide
How to Create a Demo with Demosmith
Demosmith turns the address of your product into a finished demo. This guide covers the three steps, from an empty project to a link you can send.
Before you start
Have the address of the product you want demoed. If it sits behind a login, add a test account. The agent signs itself in, and asks you for any two-factor code it needs.
Step 1. Describe the demo
Open Create Demo in the sidebar and paste your address into Your app URL. Then say what you want shown, in one sentence.
app.demosmith.ai/create
Create Demo
Describe · Review · Customize
Your app URL
https://demosmith.ai
Onboarding flowDashboardFeature tutorial
Figure 1. The Create Demo screen
Pick a single flow. "Show the onboarding" gives a sharper demo than "show the product".
demosmith.aiPage 1 of 2
DemosmithProduct guide
Step 2. Let the agent walk it
Press Start. A cloud browser opens your product, signs in and clicks through the flow while it records. Most runs finish in eight to ten minutes.
Every form the agent fills uses realistic data, so your viewers never meet test@test.com.
app.demosmith.ai/demos/1042
Your demo is ready
One walk · three assets
VideoMP4
InteractiveWeb link
GuideMD, PDF
Figure 2. The three assets from one walk
Step 3. Take your assets
One walk gives you three things, each with its own link: the video as MP4, the interactive demo as a web link, and this guide as Markdown, HTML, PDF or plain text.
Languages
Choose any of 31 languages before the run. The voiceover, the captions and this guide all come back in that language.
demosmith.aiPage 2 of 2
HOW TO CREATE A DEMO WITH DEMOSMITH
===================================
Demosmith turns the address of your product into a finished demo.
This guide covers the three steps, from an empty project to a link
you can send.
BEFORE YOU START
----------------
Have the address of the product you want demoed. If it sits behind
a login, add a test account. The agent signs itself in.
STEP 1. DESCRIBE THE DEMO
-------------------------
Open "Create Demo" in the sidebar and paste your address into the
"Your app URL" field. Then say what you want shown, in one
sentence.
[image: the Create Demo screen -> img/create-demo.png]
Pick a single flow. "Show the onboarding" gives a sharper demo
than "show the product".
STEP 2. LET THE AGENT WALK IT
-----------------------------
Press Start. A cloud browser opens your product, signs in and
clicks through the flow while it records. Most runs finish in
eight to ten minutes.
Every form the agent fills uses realistic data, so your viewers
never meet test@test.com.
[image: the three assets from one walk -> img/assets-ready.png]
STEP 3. TAKE YOUR ASSETS
------------------------
One walk gives you three things, each with its own link.
Asset Format Best for
---------------- ------------------- ------------------------
Video MP4, 16:9 Landing pages, outbound
Interactive demo Web link Buyers who want to drive
Guide MD, HTML, PDF, TXT Help center, onboarding
LANGUAGES
---------
Choose any of 31 languages before the run. The voiceover, the
captions and this guide all come back in that language.
CommonMark · 2.6 KB · 2 images linked
Also in 31 languages
The full walkthrough, cut and paced, with voiceover and captions.
Testimonials
What teams say about Demosmith
Early feedback from product and growth teams
Sent our deck to an investor last week and attached the demo instead of doing a live walkthrough. Made that demo the same morning. Hadn't touched Loom in about two weeks at that point.
AC
Axely CongressFounder @ Ocuss
We build AI products so I'm usually first to call something out when it's just a wrapper. This isn't. Gave it our staging URL, described the flow, had something clean in about 10 minutes.
BG
Bruno GermanisCo-founder @ Baltic AI
Stopped asking for a discovery call as the first step. Just drop a demo in the first email now. I know it's working because people bring up specific parts when we do eventually talk. That didn't happen before.
JH
Joshua HezghiaSales @ Blueground
Our demo was three product updates behind. Kept putting it off because re-recording in Loom properly takes an hour and then you still have to edit. Did the whole thing in one sitting, captions, music, everything. My colleague thought I'd paid someone.
MH
Md HasinSales & marketing @ Stepwise
FAQ
Before you pick a plan, the usual questions
What is an AI minute?
An AI minute is a minute of finished video. A 90 second demo uses 1.5 AI minutes. Time the agent spends working through your product does not count, only the length of what you get back, so a long workflow cut down to a short demo costs you the short demo. A written guide costs half an AI minute for the first format, and the other formats of that version are free.
What happens if I run out of AI minutes?
Your demos stay live and keep playing. You cannot start a new one until the month resets or you move up a plan. Nothing is deleted and nothing is billed automatically for going over.
Is there a free trial, and do I need a card?
Yes, and no card. The trial runs for three days and covers 2 AI minutes, one demo and a 1080p export. It does not include interactive demos or custom branding.
Can I change or cancel my plan later?
Yes. Upgrade, downgrade or cancel from your account settings at any time. Changes take effect from your next billing cycle and there is no contract.
What counts as an interactive demo?
A demo your buyer clicks through at their own pace, built from the same run that produced the video. Starter includes 5 a month, Pro 25, and Business has no limit. You are charged when a demo goes live, not while you are working on it.
Which plans include Docusmith documentation?
Every paid plan. Starter, Pro and Business all turn a finished demo into a written guide you can export as Markdown, HTML, plain text or PDF. The free trial does not include it.
How much do I save on yearly billing?
About 17%. Yearly billing works out to $33 a month on Starter, $83 on Pro and $208 on Business, charged once a year.
Do all plans include the 31 languages?
Yes. Voiceover and captions in 31 languages are on every plan, including the trial. Language choice is not tied to what you pay.
What happens to my demos if I downgrade?
They stay live. Your monthly allowances drop to the new plan from the next cycle, but nothing you have already made is taken down or locked.
Do you offer custom or volume pricing?
Yes, for teams past what Business covers. Talk to us about custom minute limits, invoicing and priority support.
Send the demo instead of booking the call.
Give us your product URL and a sentence about the flow. The video, the clickable demo and the written guide land in minutes.
No credit card required · Three day trial, one demo
Demo-Driven Development
“A really good demo is something where you show it to the customer, and you are creating desire in that customer for what you’re doing. They have to see it and just want to reach out and grab it.”
