> ## Documentation Index
> Fetch the complete documentation index at: https://docs.demomatic.tech/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Learn what Demomatic is, how it works, and what you can build with it.

Demomatic is an AI-powered platform for generating product demo videos from natural language prompts. You describe what you want to show, and Demomatic navigates your live web application, records real interactions, adds narration, captions, and background music, then delivers a production-ready video — no screen recording software or video editing required.

## Key features

<CardGroup cols={2}>
  <Card title="AI-powered recording" icon="video">
    Demomatic uses browser automation to navigate your real application and record authentic interactions — no mocking or staging required.
  </Card>

  <Card title="Natural language prompts" icon="message">
    Describe what you want to demonstrate in plain language. The AI handles the navigation, clicks, and flow.
  </Card>

  <Card title="Narration and captions" icon="mic">
    Every video is automatically produced with spoken narration, synchronized captions, and background music.
  </Card>

  <Card title="Video library" icon="folder">
    All generated videos are stored in your library. Organize them into folders, share via link, or embed anywhere.
  </Card>

  <Card title="Automations" icon="clock">
    Schedule recurring demo generation so your videos stay current as your product evolves.
  </Card>

  <Card title="Self-heal" icon="rotate">
    When your app changes, Demomatic detects broken demos and regenerates them automatically.
  </Card>

  <Card title="CRM integrations" icon="plug">
    Connect HubSpot or Attio to capture leads from every demo view and sync them to your CRM.
  </Card>

  <Card title="REST API" icon="code">
    Generate and manage videos programmatically using the Demomatic API.
  </Card>
</CardGroup>

## How it works

<Steps>
  <Step title="Connect your app">
    Add your web application as a domain. Demomatic uses your live app as the source for all demo recordings.
  </Step>

  <Step title="Write a prompt">
    Describe the workflow you want to demonstrate — for example, "Show a user creating a new project and inviting a team member."
  </Step>

  <Step title="Demomatic records and produces">
    The AI navigates your app, records the interactions, and automatically adds narration, captions, and music. The finished video is saved to your library.
  </Step>

  <Step title="Share or embed">
    Share a direct link, embed the video in your docs or landing page, or access it programmatically via the API.
  </Step>
</Steps>

Ready to generate your first demo? Follow the [quick start guide](/quickstart).