Amarker
Why How it works 中文 Get the extension
The edit loop after AI builds the demo

Review the result. Let AI keep editing.

Whether it is a fresh demo or an HTML page you are about to share, stop going back to chat to explain “this part.” Point at the exact element, leave a note, and Amarker carries its selector, location, and original HTML back into Claude Code, Cursor, or your AI coding tool.

For the stage between “AI made a first version” and “now make it right.”
Amarker interface theme
Light-mode Amarker interface concept: a note form over a project-management page, with its notes collected in the side panel
Interface concept: the light dashboard is the page being reviewed; the blue overlay and right-hand workspace are Amarker

Once the page is visible, tell AI what to change on the result itself.

Demos, shared HTML pages, and interactive prototypes work the same way: point at a rendered button, heading, card, or form and keep the request with its DOM context.

This button label
says nothing
Fix the
spacing
Use brand color
Do we still
need this?
→ Copy for AI
.btn-primary → label "Submit note"
.card-list → spacing to 12px
.hero-cta → brand color #006FEE
selector · elementHtml · sectionTop all included
“Generate → share → annotate → send the changes back to AI.” No more screenshots or explaining “the third button from the top.”

Turn visual feedback into change context AI can locate.

Every note binds to a real DOM element. Review it yourself or share the page with someone else—their feedback comes back with the context intact.

01 Point

Point, don't describe

Every note binds to a real DOM element, capturing its selector, visible text, and surrounding structure.

02 Capture

Never leave the page

Write notes right where you are. Mark up a dozen things in one pass without switching tools.

03 Handoff

Give AI executable context

Notes become Markdown with selectors and source HTML, so your AI can locate the change directly.

AI makes a version. You annotate a round. AI makes the next one.

The iteration loop for demos and shared HTML pages, in three steps.

1

Open the demo or shared page

Let AI build the first version, then launch "Page notes" from the side panel.

2

Pick an element and comment

Hover to highlight, click to capture. Buttons, headings, cards, and form fields all resolve cleanly.

3

Send it back to AI

Paste the structured notes into Claude Code, Cursor, or whichever assistant creates the next version.

The next version needs no re-explaining.

Point at what should change and send it back with the exact HTML context.

Get the Chrome extension