Page Editor

Inspect the element under the pointer on the current page.

Page Editor lets you visually inspect and edit any live webpage, then export exactly what changed. What you can do: • Click any element to inspect its styles • Edit colors, typography, spacing, size, borders, shadows, and layout • Double-click to edit text • Hide or delete elements, or drag to reorder siblings • Undo and redo every change • Export a zip with changes.css, changes.json, and a Markdown report • Copy an AI-ready prompt for Cursor or Claude Your edits stay on the page through a dedicated style sheet so they stay exportable. The editor UI runs in a Shadow DOM so it does not conflict with the site’s CSS. How to use: 1. Open any http or https page 2. Click the Page Editor icon or press Alt+E 3. Select an element and edit it in the side panel 4. Export or copy the AI prompt when you are done