What is Quey used for?

Quey is a Chrome extension and CLI that lets you click elements on a live page and send their selectors, styles and source hints to coding agents like Claude Code, Cursor and Codex. It is a good fit for telling an agent exactly which component to change and making visual tweaks that the agent writes into source.

Yes. Quey has a free plan, and paid plans start at $5 per month. A free trial is also available.

No. Quey is proprietary (closed-source) software. In the Developer Tools category, open-source options include Docs MCP Server, CTX and Atlas.

What are some alternatives to Quey?

Quey competes with Marker.io, BugHerd and Userback.

Quey: features, pricing and alternatives

About Quey

Quey is a visual interface for AI coding agents. You install the toolbar, click any element on your running page, and it captures the DOM path, computed styles, source file, component name and visual context in one structured payload. You then describe the change in its agent panel or hand the payload to your agent through the clipboard or MCP, and the agent streams the edit back into your code.

It works with the agents you already use, including Claude Code, Cursor and Codex, and does not replace them. Beyond selecting and describing, the toolbar includes a move and layout tool for dragging, resizing and reordering elements, a comment mode to leave notes on the page and a capture mode. The product is described as running locally in your browser and turning your codebase into an editable canvas, with a CLI installed from npm.

The site marks it as an early beta, with a developer docs section, a blog and a pricing page, and a bridge product called Quey Bridge. Early users reach it through a Chrome extension or the CLI, and the same flow works with agents connected over MCP.

Key features

Click-to-select elements on a live page
Captures selector, styles and source file
Hand-off to Claude Code, Cursor and Codex
MCP bridge and clipboard delivery
Visual move and layout editing tool
Comment and capture modes
npm command-line tool

Good fit for

Telling an agent exactly which component to change
Making visual tweaks that the agent writes into source

Tags: chrome-extension; ai-coding; design-to-code; mcp; claude-code; cursor; ui-editing; developer-tools

Quey: questions and answers

What is Quey used for?: Quey is a Chrome extension and CLI that lets you click elements on a live page and send their selectors, styles and source hints to coding agents like Claude Code, Cursor and Codex. It is a good fit for telling an agent exactly which component to change and making visual tweaks that the agent writes into source.
Is Quey free?: Yes. Quey has a free plan, and paid plans start at $5 per month. A free trial is also available.
Is Quey open source?: No. Quey is proprietary (closed-source) software. In the Developer Tools category, open-source options include Docs MCP Server, CTX and Atlas.
What are some alternatives to Quey?: Quey competes with Marker.io, BugHerd and Userback.