quey.dev

Quey

Quey is a Chrome extension that captures live UI elements — selectors, styles, source hints, and screenshots — and hands them to coding agents like Codex, Claud

About

Quey toolbar turns your browser into a design surface for AI coding agents. The visual editing feel of Figma or Framer — except you're not editing a design file, you're editing your actual codebase. Quey connects your browser to Cursor, Claude Code, or OpenAI Codex, so pointing at an element and describing a change becomes a real commit to your source. Select a component on your live React app, type what you want ("make this button red", "add a loading spinner"), and the AI modifies the actual source file — not a preview, not a mockup. You see the result instantly via hot reload. No copy-pasting. No context-switching. No explaining which file to open.