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

# How Presenton works

> See how your self-hosted Presenton turns content into an editable deck.

You provide the content and choose the AI services. Presenton plans the story, creates the slides, and keeps everything editable in your own deployment.

```mermaid theme={null}
%%{init: {"themeVariables": {"fontSize": "17px"}, "flowchart": {"curve": "linear", "nodeSpacing": 35, "rankSpacing": 45}}}%%
flowchart LR
  Start[1. Add an idea or document] --> Plan[2. Review the outline]
  Plan --> Build[3. Generate the deck]
  Build --> Finish[4. Edit and export]
  classDef step fill:#F4F0FF,stroke:#6D4AFF,stroke-width:2px,color:#201547;
  class Start,Plan,Build,Finish step;
```

## The four steps

<Steps>
  <Step title="Add your source">
    Start with a prompt, upload documents, or provide slide-by-slide content. Presenton reads the material using services running in your deployment.
  </Step>

  <Step title="Review the outline">
    Your selected language model proposes a structure for the deck. Edit the outline before generating slides to keep the story focused.
  </Step>

  <Step title="Generate editable slides">
    Presenton chooses layouts from the selected template, writes the content, and adds images or icons using your configured providers.
  </Step>

  <Step title="Edit and export">
    Use the full canvas or AI assistant to refine the result, then export to PPTX or PDF.
  </Step>
</Steps>

<CardGroup cols={2}>
  <Card title="Install Presenton" icon="docker" href="/open-source/v0.9.0-beta/quickstart">
    Run the application and connect your first AI provider.
  </Card>

  <Card title="Create your first deck" icon="wand-magic-sparkles" href="/open-source/v0.9.0-beta/tutorials/create-first-presentation">
    Follow the complete creation workflow in the browser.
  </Card>
</CardGroup>