> For the complete documentation index, see [llms.txt](https://docs.supademo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.supademo.com/create/by-method/create-from-uploads.md).

# Create from Uploads

### What is manual upload in Supademo?

Supademo lets you build interactive demos by uploading **screenshots, images, or videos** directly to the platform—perfect for when you already have static visuals or presentations you want to repurpose.

Once uploaded, you can annotate, add step-by-step guidance, and share your walkthrough just like any recorded Supademo.

{% @supademo/embed demoId="qgmNvEbjtL5Dn2JopTx7o" url="<https://app.supademo.com/demo/qgmNvEbjtL5Dn2JopTx7o>" %}

### How to create a Supademo from screenshots or images

1. **Upload Visuals**: Head to your Supademo dashboard and click **“New Supademo”** → **“Upload”**. Select one or more screenshots, videos, presentation slides, or images to get started.
2. **Rearrange Steps**: Drag to reorder your uploads in the desired flow or sequence.
3. **Add Hotspots**: Use the Supademo editor to add hotspot annotations, guiding text, and interactive callouts.

### Tips for taking screenshots

1. **On Mac devices**, take a screenshot of the specific application window or press `'Command', 'Shift' and '3' keys`  (all at the same time) to capture the entire screen.
2. **On Windows devices**, take a screenshot of the specific application window or press the `Windows key + Print Screen`  key to capture the entire screen.

### Manual upload in Supademo is ideal for:

* Creating demos from **PowerPoint decks or mockups**
* Turning **static onboarding guides** into interactive experiences
* Building **walkthroughs without needing access to the live product**
* Quickly documenting workflows for **internal teams or clients**

{% hint style="info" %}
Please note that HTML capture is only supported for web-based applications via the [Chrome extension](/create/by-method/create-with-chrome-extension.md).
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.supademo.com/create/by-method/create-from-uploads.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.