Point to page elements
Select an element in a running page in normal Chrome, including localhost, and write the desired outcome instead of describing the element’s location manually.
EditUI
EditUI is a Chrome extension for visual feedback on web apps, letting you batch contextual prompts for Claude Code, Cursor, Codex, or another coding agent.
Visual feedback for coding agents
EditUI is a Chrome extension for giving coding agents precise visual feedback on a running web application. Instead of annotating screenshots or manually identifying selectors, you open the page in normal Chrome, click the element that needs attention, and describe the change in plain language.
The extension collects the review into one prompt for a later implementation pass. That prompt includes the page URL, viewport, each note, and contextual information about the selected elements. You paste it into the coding agent that has the relevant repository, then review the reloaded page and follow up on any changes that missed the mark.
Features
Batch UI edits
Keep clicking and documenting issues during one review pass. EditUI retains the notes so multiple changes can be sent together rather than as separate prompts.
Context-rich prompts
Copy a single plain-text prompt containing the reviewed URL, viewport, requests, and selected-element context such as DOM details, visible text, nearby markup, computed styles, and bounds.
Agent-agnostic output
Use the same copied output with Claude Code, Cursor, Codex, Windsurf, or another coding agent that accepts pasted prompts.
No repository integration required
Run the review without adding files to a repository or connecting the extension to a codebase. The coding agent handles implementation after the prompt is pasted.
Local browser processing
Keep page context in the browser during review. The extension content script remains inactive until Edit Mode is enabled, and notes are stored locally in chrome.storage.local.
Use cases
Reviewing a localhost build
Open the local development URL at the viewport where an issue appears, mark the affected heading, card, button, or spacing, and send the complete review to the agent working in the project repository.
Batching a page polish pass
Collect several visual issues—such as hierarchy, alignment, spacing, responsive stacking, and button emphasis—during one pass, then hand the numbered list to the agent for implementation.
Working outside Cursor's browser
Review the same running application in normal Chrome when the implementation workflow is based in Claude Code, Codex, or another agent rather than Cursor’s browser.
Bridging visual review and code changes
Let a designer, product reviewer, or developer describe visible outcomes by pointing at the affected elements, while the developer uses the resulting prompt in the repository that renders the page.
Pros and Cons
Pros
- Lets reviewers identify elements directly in normal Chrome, including localhost pages.
- Combines multiple UI notes into one prompt for a batch implementation pass.
- Includes URL, viewport, DOM context, and selected-element details to reduce ambiguity for the coding agent.
- Works with pasted prompts across several coding agents and does not require repository setup.
Cons
- It requires a Chrome extension and a running page; it does not provide a standalone visual editing environment.
- It does not directly edit source files, invoke the coding agent, or expose the repository to the extension.
- The workflow produces textual context rather than direct manipulation controls, screenshots, or React prop inspection.
FAQ
How do I set up EditUI?
Install the Chrome extension, open the running app in Chrome—including a localhost URL—and turn on Edit Mode from the toolbar or with Command-Shift-E on macOS (Ctrl-Shift-E on Windows). Click an element, describe the desired outcome, and continue adding edits before copying the batch.
What does EditUI send to a coding agent?
EditUI creates one plain-text prompt containing the page URL, viewport, each request, and context for the selected elements, such as tags, visible text, nearby markup, selected attributes, computed styles, and bounds. Paste that prompt into Claude Code, Cursor, Codex, or another tool that accepts pasted prompts.
Does EditUI modify my code directly?
No. EditUI does not read repositories, edit source files, call a model, open pull requests, or maintain a connection to a coding agent. The agent needs access to the repository that renders the reviewed page and applies the changes after you paste the prompt.
Does EditUI upload page information?
The extension processes page context locally. Notes are stored in chrome.storage.local and leave the browser only when you press Copy all and paste the prompt into a tool you choose. The site states that no account is required.
Which coding agents can I use with EditUI?
It works with any agent that can accept a pasted prompt, including Claude Code, Cursor, and Codex. The copied prompt is plain text, so the workflow is not tied to one coding agent or to Cursor's browser.
Quick Facts
- Product type
- Chrome extension for visual UI feedback
- Primary platform
- Google Chrome, including localhost pages
- Workflow
- Point → Prompt → Collect → Send
- Supported output
- Plain-text prompt copied to the clipboard
- Compatible agents
- Claude Code, Cursor, Codex, Windsurf, and other prompt-based agents
- Account requirement
- No account required
EditUI Alternatives
ByteAsk
ByteAsk is a terminal-first AI coding agent for C and C++ that edits repos and verifies changes with compilers, debuggers, sanitizers, and tests.
Epherem
Epherem scans web apps built with Lovable, Bolt, v0, Replit, Cursor, and Claude Code for security flaws in source code and dependencies, without running the app.
CreateOS Sandbox
CreateOS Sandbox is an isolated compute environment for running code and agent workloads in Firecracker micro-VMs with private networking and SDK, CLI, or MCP control.
GitBot
GitBot is a local browser workspace for reusable coding bots powered by Claude Code, Codex, or OpenCode, with persistent threads and configurable permissions.
hob
hob is an independent workspace for coding agents, with local control over sessions, terminals, history, routing, and follow-up work.
Ably Chat
Ably Chat is a chat API platform for custom realtime chat apps, with rooms, typing indicators, presence, reactions, message updates and usage-based pricing.