Stop regenerating for tiny visual changes

Edit AI-Generated HTML Slides Visually

Click a title, change the font size, insert an image, or duplicate a page without asking AI to rebuild the whole deck.

Local-first browser editing
Single-file HTML export
No account required

Slide Sandbox

Local

browser-only HTML deck polish

Active slide: Opening

selected block: h1 · safe to edit

Ready

Final polish after AI generation

Calm HTML slides, edited visually before delivery.

Adjust copy, fix overflow, place images, and export a clean single-file deck without another prompt loop.

Upload
Edit
Export
h1
section.exported-slide · contentEditablesage theme applied

Core loop

Upload -> Edit -> Export

Workspace

Rail + canvas + inspector

Safety

Scripts removed on import/export

Problem

Chat-based edits are weak at precise visual polish.

When you ask an AI to make slide 7 smaller or move one image, it can rewrite good sections, lose spacing, or introduce new layout bugs.

Small visual edits need direct manipulation, not another full generation pass.

Final deck work is about judgment: where text wraps, what image feels balanced, and which slide needs less density.

A visual editor lets you keep the AI draft and only change what is actually wrong.

Workflow

The ProductStudio-style structure, focused on deck polish.

A clear sequence replaces the thin demo feel: open the HTML file, make precise slide edits, then export a portable deck.

01

Open the generated HTML

Load a local deck in the browser and split it into editable slide pages.

02

Click the problem element

Adjust text, color, image placement, or page order in the visual canvas.

03

Export the revised deck

Keep a clean HTML file instead of regenerating the presentation from scratch.

Capabilities

The practical controls AI HTML decks need.

The tool stays narrow: final visual polish for a generated HTML deck, not another AI presentation generator.

Click-to-edit text

Select titles, bullets, captions, or labels and adjust copy, font size, emphasis, and color without touching code.

Image insert and positioning

Drop in a local image, keep it embedded in the deck, resize it, and nudge it into place.

Page management

Add, duplicate, delete, and reorder slides directly from the thumbnail rail.

Fit overflowing content

Reduce oversized text on the current slide when an AI-generated layout starts to overflow.

Block image export

Select a slide block and copy or download it as a PNG for reuse in documents, posts, or messages.

Clean HTML export

Export a single-file HTML deck that preserves the edited layout and embedded images.

Example

Make one precise edit without restarting the prompt loop

When slide 7 only needs a smaller heading and a cleaner image crop, direct manipulation is safer than asking AI to rewrite the whole deck.

Editing path

route-specific proof, not keyword swapping

Local
1

Select the exact title or block that needs adjustment.

2

Change size, color, or emphasis in the canvas.

3

Keep the surrounding slides untouched.

Comparison

Built between AI generation and final delivery.

The product has a narrow job: keep the AI draft intact while a human fixes what needs visual judgment.

AI prompt loop

Good for broad revisions, poor for one-line spacing and image placement.

PPTX conversion

Can be useful later, but it may flatten visuals before you are done editing.

Direct visual editing

Keeps the working HTML deck as the source of truth.

Use cases

For people who already have an AI-generated HTML deck.

The interface is built for the post-generation workflow: a usable draft exists, and now it needs controlled visual polish.

Change a title that wraps awkwardly.

Resize an oversized stat block.

Swap or reposition an image.

Duplicate a slide structure for a new section.

Export one block as an image for reuse.

FAQ

Questions before opening a local HTML deck.

Clear boundaries matter: this is a local browser editor for HTML decks, not a cloud storage or PPTX conversion system.

Can I edit text directly?

Yes. Open a sample deck or upload a local HTML file, click into the slide canvas, and edit text in place.

Can I change font size and color?

Yes. The editor includes text size, color, bold, and italic controls for quick final polish.

Can I move inserted images?

Yes. Inserted images can be resized from the canvas and nudged from the formatting panel.

Does it work with Claude-generated HTML?

Yes. Claude decks that use section, article, data-slide, or slide-like containers are split into editable pages.

Does it work with ChatGPT or Codex output?

Yes. The first version focuses on single-file HTML decks from AI tools such as ChatGPT, Codex, Cursor, Gemini, and Claude.

Will the design change after export?

The editor preserves the HTML structure and inline edits. Complex third-party scripts are removed for a safer single-file export.

Can I export to PPTX?

Not in the first version. The product is intentionally positioned as a safer direct HTML editing workflow before any PPTX conversion step.

Is my file uploaded to a server?

No. In this version, files are opened and edited in the browser. The landing page states this as a local-first workflow.

Open the workspace

Start with the sample deck or upload your HTML.

The fastest validation path is one precise edit and one clean HTML export.

Open Demo Editor