AI wrote your HTML. Now you fix it.

Click every part of your HTML report that's wrong and copy one precise prompt that fixes all of it at once. Your AI assistant applies it in a single pass, so you never touch the code.

1 · OpenDrag your .html file in. It never leaves your browser, so even confidential reports stay safe.

2 · ClickClick each thing to change and say it in plain words. Every note pins the exact element.

3 · CopyCopy every change as one prompt and paste into Claude Code, Cursor or ChatGPT.

Your file is parsed in this browser. Nothing is uploaded unless you sign in.

Edit an HTML report without code · Annotate a local HTML file · All guides

Comment

Click any element in the preview.
⌥/Alt+↑↓ move to parent/child · ⌘/Ctrl+click to group elements · Esc to cancel.

Global notes (document-wide, not tied to an element)

Comments

How to use FixMyHtml

Turn an AI-made HTML page into an exact edit prompt in three steps. Nothing is uploaded.

1 Click the component to change

Click any part of your page in the preview — a card, a heading, a button. It highlights, and a note box opens already tied to that exact element.

Clicking the Secure card highlights it and opens the note editor

2 Write what should change

Say it in plain words and pick a type — Edit, Delete, Add, or Question. You never touch the markup; describe the fix the way you would to a teammate.

3 Copy the prompt

Press Copy prompt. Every note becomes one precise instruction, each anchored to a verbatim excerpt of your file, ready to paste into Claude, Cursor or ChatGPT.

The saved note and the now-active Copy prompt button

What you get when you press Copy prompt

## How to read this
- Each code block is a verbatim excerpt from your file, used to locate the target (unique in the file, found with Grep before editing).
- The anchor marks where, not what — the change is the Instruction line.
- [QUESTION] items are not edits; they are answered in your reply.

## Edits — document order, 1 total

### FMH-1 · [EDIT] sample.html:46 · Secure
<div class="card"><h3>Secure</h3><p>Enterprise-grade security you can rely on.</p></div>
Instruction: Change "Enterprise-grade" to "Personal."

## Questions — answer only
- FMH-2 sample.html:53 · Flexible — What does "flexible" mean?

How FixMyHtml works

Drop an .html file. It is parsed in your browser, never uploaded.

Select mode turns on with the file. Click any element in the preview.

Pick a type, write the instruction, save. Repeat for every change.

Press Copy prompt and paste the result into your AI coding agent.

Shortcuts

Toggle select mode. It is already on when a file opens.

⌥/Alt + ↑↓

Move the selection to the parent or first child. Works while the comment box has focus, and keeps what you have typed.

⌘/Ctrl + click

Add or remove an element from the selection

Esc

Cancel the current selection

⌘/Ctrl + Enter

Save the comment being written

Open this help

Comment types

Edit

Change the element or the styles that affect it

Delete

Remove the element, opening tag through closing tag

Add

Insert something relative to the element

Question

Ask about the element. The agent answers instead of editing

Why the prompt is precise

Every comment carries a verbatim excerpt of your source file that appears exactly once, so the agent can locate the target with Grep before it edits anything.

Signing in

Reviews live in this browser by default. Sign in with Google to keep them across devices. Do not sign in with confidential files. Use guest mode for those.