For the complete documentation index, see llms.txt. This page is also available as Markdown.

AI Command

Make bulk changes to one demo or multiple demos at once — all from one place — using plain-English AI instructions.


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.

spinner

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

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

Rebranding at Scale

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.

Standardizing Demo Styling

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.

Bulk Fixes Across Many Demos

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

Quick In-Editor Edits

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


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.

Last updated

Was this helpful?