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

# Slides

Slides is a vertical workspace for slide creation. Switch the workspace mode and send a request, and the right side of the window turns into a slide-specific HTML canvas.

## Workspace

<Frame>
  <img src="https://mintcdn.com/qoder/s6dTwci-_mbx57qw/images/qoderwork-slides-step6-en.png?fit=max&auto=format&n=s6dTwci-_mbx57qw&q=85&s=ed77ee415f39e8d416e24abcbbfd4e28" alt="Slides workspace full view: left task panel, center Deck / Outline / Files tab strip with slide thumbnails, right canvas rendering the cover of &#x22;The Evolution of Large Language Models&#x22; with a dark tech aesthetic; top toolbar shows Save as Template / Present / Export and the header reads &#x22;9 of 9 slide(s) ready&#x22;" width="2000" height="1386" data-path="images/qoderwork-slides-step6-en.png" />
</Frame>

The right side of the window has three tabs:

| Tab         | What it does                                                                                            |
| :---------- | :------------------------------------------------------------------------------------------------------ |
| **Deck**    | The rendered slides, navigable left/right                                                               |
| **Outline** | The outline the agent uses to drive deck generation. You confirm the outline before slides are produced |
| **Files**   | The underlying source files behind the deck                                                             |

The canvas is a **16:9 HTML slide workspace** (default 1280 × 720). Use the left/right arrows in the bottom-right corner — or your keyboard arrows — to switch between slides.

## Creating a deck

<Steps>
  <Step title="Switch to Slides">
    In the input box, click the workspace switcher (defaults to **General**) and choose **Slides**.

    <Frame>
      <img src="https://mintcdn.com/qoder/s6dTwci-_mbx57qw/images/qoderwork-slides-step1-en.png?fit=max&auto=format&n=s6dTwci-_mbx57qw&q=85&s=c9e446c0a6a4c0dd13bbe4658f8b2348" alt="QoderWork home with greeter &#x22;Beyond chat, get it done.&#x22; and subtitle &#x22;Just tell QoderWork what you need - it plans, executes, and delivers, keeping you in the loop.&#x22;; the input shows the workspace switcher dropdown open listing General / Design / Slides Beta (checked) / Writing Beta, with Work in a Folder / No Template toolbar buttons below" width="1810" height="1034" data-path="images/qoderwork-slides-step1-en.png" />
    </Frame>

    <Tip>The default workspace can be changed in QoderWork settings — set Slides as your default if it's the surface you live in.</Tip>
  </Step>

  <Step title="Tell the agent what you want">
    Describe the topic, audience, and the structure you have in mind. For example: *"The Development Journey of Large Language Models – A Slide Presentation."*

    You can also dictate the brief with the microphone — see [Voice Input](/qoderwork/voice-input).

    <Frame>
      <img src="https://mintcdn.com/qoder/s6dTwci-_mbx57qw/images/qoderwork-slides-step2-en.png?fit=max&auto=format&n=s6dTwci-_mbx57qw&q=85&s=20a384e6674cadcae8b693d3ef50b7af" alt="QoderWork home with the input box filled in: &#x22;The Development Journey of Large Language Models – A Slide Presentation&#x22;. The workspace picker reads Slides Beta, the model selector top-right reads Premium, and the toolbar below the input shows Work in a Folder / No Template" width="1834" height="1166" data-path="images/qoderwork-slides-step2-en.png" />
    </Frame>
  </Step>

  <Step title="Pick a template and pin a folder (optional)">
    * Click the **No Template** button under the input box to pick from 35 built-in templates for the visual tone — or leave it as **No Template** to have the agent generate a theme from the conversation.
    * Click **Work in a Folder** to pin the task to a local directory. The agent writes deck source files there, which makes long-term management and collaboration easier.

    <Frame>
      <img src="https://mintcdn.com/qoder/s6dTwci-_mbx57qw/images/qoderwork-slides-templates-en.png?fit=max&auto=format&n=s6dTwci-_mbx57qw&q=85&s=a0fb504445e44f34802ffd6686e4e519" alt="Template picker popover: search field at top, 35 templates listed including No Template, Acid Studio, Black Ledger, Candy Frame, Canvas Pop, Classic Desktop" width="1526" height="928" data-path="images/qoderwork-slides-templates-en.png" />
    </Frame>
  </Step>

  <Step title="Answer the agent's clarifying questions">
    Before kicking off, the agent asks a few questions about audience, length, and language. Answering them grounds the deck in your actual context; if you'd rather skip the back-and-forth, hit **Let AI decide** at the bottom.

    <Frame>
      <img src="https://mintcdn.com/qoder/s6dTwci-_mbx57qw/images/qoderwork-slides-step3-en.png?fit=max&auto=format&n=s6dTwci-_mbx57qw&q=85&s=b5a5b34bd4dcc96dc61a135e567d2a28" alt="Slides task Questions tab: agent asks about Audience and Length with single-select options plus a free-text &#x22;Other&#x22; field; bottom action bar shows Submit and Let AI decide" width="2000" height="1386" data-path="images/qoderwork-slides-step3-en.png" />
    </Frame>
  </Step>

  <Step title="Confirm the outline">
    Once your answers are in, the agent proposes an outline under the **Outline** tab. Each section gets a one-line summary and a layout tag (cover slide, text outline, image-side, two-column, etc.). Click **Accept outline** to create the slide slots, or **Reject with feedback** to push back on structure or pacing before any slides are produced.

    <Frame>
      <img src="https://mintcdn.com/qoder/s6dTwci-_mbx57qw/images/qoderwork-slides-step4-en.png?fit=max&auto=format&n=s6dTwci-_mbx57qw&q=85&s=f9711d45c545989fca5539b893e2354f" alt="Outline tab &#x22;Proposed Outline&#x22; for an LLM evolution deck: nine numbered sections (The Evolution of Large Language Models, Before the storm: pre-Transformer era, 2017 — Attention is All You Need, The scaling era 2018-2022, The ChatGPT moment, The open-weight wave, …) each with a one-line summary and a layout tag (cover slide, text outline, image-side); bottom buttons Accept outline / Reject with feedback" width="2000" height="1386" data-path="images/qoderwork-slides-step4-en.png" />
    </Frame>
  </Step>

  <Step title="Watch slides fill in">
    Once the outline is confirmed, the agent creates slide slots and fills them in page by page. The center pane shows slide thumbnails (`SLIDES — N / N`); the right pane renders the current slide. This phase is mostly hands-off — step away for a coffee — but if a page lands obviously off, drop a note in the bottom input box and the agent will adjust before moving on.
  </Step>

  <Step title="Pick post-processing options (optional)">
    When every slide is composed, the agent asks whether to run any post-processing — multi-select, or skip them all to finish.

    <Frame>
      <img src="https://mintcdn.com/qoder/s6dTwci-_mbx57qw/images/qoderwork-slides-step5-en.png?fit=max&auto=format&n=s6dTwci-_mbx57qw&q=85&s=39a4a02a69996d9f7b9aed6c1c234116" alt="Slides task Questions tab &#x22;Post-processing options&#x22;: multi-select with Render review, Narrative audit, and Speaker notes plus an Other free-text field; bottom action bar Submit / Let AI decide" width="2000" height="1386" data-path="images/qoderwork-slides-step5-en.png" />
    </Frame>
  </Step>

  <Step title="Review the finished deck">
    Once everything is ready, the canvas header switches to "N of N slide(s) ready" and the top-right exposes **Save as Template / Present / Export**. Click any thumbnail in the left list to jump; the right pane renders the current slide.

    <Frame>
      <img src="https://mintcdn.com/qoder/s6dTwci-_mbx57qw/images/qoderwork-slides-step6-en.png?fit=max&auto=format&n=s6dTwci-_mbx57qw&q=85&s=ed77ee415f39e8d416e24abcbbfd4e28" alt="Finished &#x22;The Evolution of Large Language Models&#x22; workspace: 9 of 9 slide(s) ready, left thumbnail strip of all 9 slides, right canvas rendering the cover slide with a dark AI-keynote aesthetic; top-right buttons Save as Template / Present / Export" width="2000" height="1386" data-path="images/qoderwork-slides-step6-en.png" />
    </Frame>
  </Step>
</Steps>

## Iterating

* **Add to the queue.** Send follow-up instructions in the bottom input box — *"swap to a comparison-table layout"* — they're applied after the current step.
* **Stop a run.** Click the stop button next to the input to halt generation mid-flight.
* **Switch tabs to inspect.** Open **Outline** to re-read the structure, or **Files** to inspect the source files behind the deck.
* **Switch models.** Use the model dropdown (e.g. **Standard**) to change models for the next step.

<Tip>
  Strong briefs name the audience and the takeaway, not just the topic. *"5-min internal update for the engineering team — what shipped, what's next, one ask"* lands far better than *"weekly update."*
</Tip>

## Present, export, save as template

The top-right corner has three actions:

* **Present** — switch to a fullscreen presentation view for live demos and reviews.
* **Export** — download the deck as **PPTX**, **PDF**, or **HTML**.
* **Save as Template** — save the current deck as a reusable template for future runs.

## Use cases

### Internal review deck

```plaintext theme={null}
Make a 10-slide internal review deck for our weekly engineering sync.
Cover: shipped this week (3 items), in-progress (2 items), risks &
asks (1 slide), next week's focus. Use a clean, monochrome layout.
```

### Conference talk from a doc

```plaintext theme={null}
@design-launch.md
Turn this launch doc into a 15-minute conference talk in 18 slides.
Open with the problem, demo halfway through, end with a call to action.
```

### Quick proposal deck

```plaintext theme={null}
Build a short proposal deck (8 slides) for a new partnership.
Audience: enterprise BD lead. Tone: confident, evidence-driven.
Sections: problem, our angle, proof points, the ask.
```

### Training course slides

```plaintext theme={null}
Create a 20-slide onboarding training deck for new hires.
Cover: company intro, org structure, product line overview,
dev workflow & toolchain, team culture, common FAQ.
Insert an interactive Q&A slide every 3-4 pages.
Style: friendly and approachable, use brand colors.
```

### Product demo deck

```plaintext theme={null}
@product-features.md
Turn this feature list into a 12-slide product demo deck.
Audience: technical decision-makers at prospective clients.
Structure: pain point intro → product overview → 3 core feature
demos (2 slides each) → competitive comparison → case study →
next steps. Include speaker notes.
```

## Next Steps

<CardGroup cols={2}>
  <Card title="Design" icon="palette" href="/qoderwork/design">
    Generate designs as code on a canvas
  </Card>

  <Card title="Writing" icon="pen-nib" href="/qoderwork/writing">
    AI-assisted writing and polishing
  </Card>
</CardGroup>
