> 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/customize/ai-command.md).

# AI Command

***

### **What is AI Command?**

AI Command is **Supademo's AI editor** that lets you make bulk changes to one demo — or multiple demos at once — all from one place, using plain-English instructions.

Instead of clicking through each step by hand, you simply describe what you want changed and AI Command applies it across your demo (or your whole library) in seconds. You can also ask it any question related to Supademo. AI Command is currently in **Beta**.

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

***

### **How to Use AI Command**

1. **Open AI Command** from the menu — it's Supademo's AI editor for editing your demos with instructions or asking any Supademo-related question.
2. **Click the message field** to start writing your command.
3. **Describe the changes you want**. A single prompt can carry a whole batch of edits — adding zoom to every step, recoloring all your hotspots, even relabeling the navigation buttons — with no clicking through each step by hand.
4. **Click Send** to let AI Command go to work across the entire demo at once.
5. **Approve the edits** — AI Command asks you before making change first, so you're always in control — then click **Approve** to apply them.
6. **Send another command anytime** to keep refining, or to make updates across many demos from one place.

> 💡 **Example prompt:** *"Update this Supademo by ensuring each step has a zoom applied to it, in variations of 70–100%, centered around the hotspot. Next, update all of the hotspots to be black (#000) with a dark backdrop, and set the labels to 'Previous' and 'Next' with a yellow (#FFC000) background color."*

***

### **Accessing AI Command from the Demo Editor**

You don't have to leave your workflow to use AI Command — you can open it directly while editing a demo.

1. **Open the demo** you want to edit from your dashboard.
2. **Launch AI Command** from within the demo edit page using the AI Command button in the editor on bottom-rght.
3. **Type your instruction** in the message field, just as you would from the main menu.
4. **Send** — the changes apply to the demo you're currently editing, right inside the editor.

> 💡 **Tip:** Use the demo editor entry point for quick, focused edits on a single demo, and open AI Command from the menu when you want to update multiple demos at once.

***

### **Detailed Tutorial and Use Cases**

{% embed url="<https://www.youtube.com/watch?v=FEsGb2F11S8>" %}

### **Benefits**

* **Bulk editing in one place** — Change one demo or many at once without opening each step.
* **Plain-English commands** — Describe what you want and let AI Command handle the how.
* **Batch edits in a single prompt** — Zoom, hotspot colors, and button labels all in one instruction.
* **Always in control** — Preview every proposed change before it's applied, then Approve.
* **Iterative refinement** — Send follow-up commands anytime to keep improving your demos.
* **Massive time savings** — Turn hours of manual editing into a few seconds of work.

***

### **Use Cases**

<details>

<summary><strong>Rebranding at Scale</strong></summary>

Rolling out a new brand color or button style? Recolor hotspots, update backdrops, and relabel navigation across an entire demo — or every demo in your library — from a single command.

</details>

<details>

<summary><strong>Standardizing Demo Styling</strong></summary>

Keep every demo consistent by applying the same zoom levels, hotspot styling, and labels in one prompt, so your whole library looks polished and on-brand.

</details>

<details>

<summary><strong>Bulk Fixes Across Many Demos</strong></summary>

Need the same tweak everywhere? Apply updates to multiple demos at once from one place instead of editing each one manually.

</details>

<details>

<summary><strong>Quick In-Editor Edits</strong></summary>

Already working inside a demo? Open AI Command from the editor to make focused changes on the spot without switching context.

</details>

***

> ✨ **The Result:** Hours of manual editing done in seconds — with bulk changes across one demo or many, all from one place, and you always in control.
