hotedit MCP server

hotedit

Edit any HTML file in your browser — text, styles, layout and charts — and save the changes straight back into the file. Built for the HTML reports that AI assistants write.

▶ Watch the narrated 95-second tour (MP4, sound on) · or try it yourself: npx hotedit demo

AI assistants produce a lot of HTML: reports, dashboards, summaries. They look great, but fixing a typo, renaming a chart title or moving a section means digging through thousands of lines of generated markup, or asking the AI again. hotedit opens the page in your browser so you can click what you see and change it. Only the bytes you changed are rewritten, so the file stays clean, diff-friendly and yours.

It doesn't change what your AI makes. Let it write the report exactly as it normally would, at the same quality and with the same charts, design and depth. hotedit only adds the ability to edit it afterwards. Nothing is simplified or re-generated, and nothing is added to the file.

Quick start (30 seconds)

You need Node.js 18+. Then:

npx hotedit report.html

Your browser opens the page. Click ✎ Edit (or press ⌥E / Alt+E), click any text and type. Changes are saved into report.html as you go, ⌘Z / Ctrl+Z undoes them, and ✓ Done (top right, always in the same place) saves anything still open and stops editing. Hover any button to see its shortcut: they are all ⌥ / Alt + a key (⌥E edit, ⌥A ask AI, ⌥S style, ⌥I add, ⌥D duplicate, ⌥⌫ delete, ⌥↑/↓ move), so plain keys never trigger anything and typing is never affected.

Just want to see it? Open a sample report (charts, maths, diagrams) in a throwaway copy:

npx hotedit demo

Not sure which file? Run it with no file and click one from the list:

npx hotedit          # lists the HTML files in this folder

To install it permanently, so you can just type hotedit:

npm install -g hotedit
hotedit report.html

What you can do

Shortened. The full README is on GitHub.