Inspector
Click any element on the canvas to tweak it visually.
The inspector is a dev-only overlay built into the open-slide runtime. Toggle
it from the toolbar (or press i), then click any element on the slide.
Two surfaces
The inspector exposes two ways to edit a slide:
Visual editor
Click an element. A property panel opens with editable inputs:
- Text — replace inline.
- Typography — font family, weight, size, letter-spacing.
- Colour — text colour, background colour.
- Image src — swap to any file in the deck's or the global assets folder; see the assets manager for how the two scopes work.
All edits buffer in memory until you press Save in the SaveBar. One save lands as a single HMR write to disk.
Comments
Sometimes the change is easier to describe than to perform. Click an element, pick Comment, type a note:
use the accent colour on this title
The inspector pins the note as an @slide-comment marker in the source. The
marker travels with the element and is invisible at runtime. Run
/apply-comments in your agent to turn the notes into edits — see
/apply-comments.
Selection is visible to your agent
Whenever you click, the inspector publishes the picked element to a file
your agent reads via /current-slide — so
"make this bigger" resolves to the exact JSX node with no "which one?"
round-trip.