Editing a Single Page

Best for quick edits on one page. No server, no setup.

See demo video

Workflow

  1. Annotate elements on the page — add comments, CSS tweaks, or text changes
  2. Open View All in the toolbar
  3. Click Copy to copy all annotations to your clipboard
  4. Paste into any AI chat (Claude, ChatGPT, Cursor) and ask the agent to implement the changes

Tips

  • Enable Clear on copy in settings to auto-delete annotations after copying. Keeps things clean between iterations.
  • Each annotation includes the selector, your comment, element context, and any pending design changes. The agent gets everything it needs to locate and edit the right code.
  • You can also click Export to save annotations as a .json file for sharing.