01
Generate HTML with Claude
Ask Claude for a single-file HTML deck with sections or slide containers.
Claude generates HTML. You finish the deck.
Claude HTML Slides Editor
Open Claude-generated HTML slides, fix overflow, edit text, move images, and export a clean revised deck.
Local-first browser editing
Single-file HTML export
No account required
Slide Sandbox
Localbrowser-only HTML deck polish
UploadExport
Active slide: Opening
selected block: h1 · safe to edit
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
Claude is strong at draft structure, but final layout still needs control.
Claude can create rich HTML decks, yet slide-level issues like overflow, inconsistent image placement, and dense bullets still need a visual pass.
Overflowing text needs fast slide-level correction.
Image placement often needs direct resizing and nudging.
Section export is useful only if the final file stays clean and portable.
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.
02
Open it in the editor
The browser reads the file locally and turns sections into editable pages.
03
Polish and export
Make the final visual decisions yourself and download the edited HTML deck.
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
Finish a Claude-generated section deck
Claude is useful for the first complete HTML draft. This editor is for the point where you need to fix overflow, spacing, and image placement yourself.
Editing path
route-specific proof, not keyword swapping
1
Open Claude's single-file HTML output locally.
2
Reduce dense text on the current slide.
3
Clean scripts and export a portable revised deck.
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.
Claude revision prompts
Helpful for content changes, risky for preserving already-good slide design.
Manual code edits
Precise, but slow when the change is visual and obvious.
Claude-to-editor workflow
Let Claude draft, then use a visual workspace for final presentation quality.
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.
Fix Claude slide overflow.
Edit generated titles and labels.
Reorder Claude-generated sections.
Export a cleaned single-file HTML deck.
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.