01
Source hints
See component and file clues when the page exposes React source context.
Dev mode
MeetDevmode
Devmode turns the browser into a practical inspection layer for UI work. Connect what you see in the browser to the design values and source hints behind it — then hand that context directly to your agent.
localhost:3000
Now in public beta
Build faster,
ship with confidence.
The all-in-one platform for modern product teams. Design, iterate, and ship.
2.4×
faster iteration
98%
user satisfaction
10k+
teams onboarded
⚡
Lightning Fast
Deploy in seconds with one-click builds and zero downtime.
🎯
Precision Tools
Edit exactly what you mean, nothing more, nothing less.
🔒
Secure by Default
Enterprise-grade security and compliance out of the box.
Why it matters
Built for the browser-to-agent handoff.
02
Design inspection
Review typography, color, spacing, radius, and layout values from the selected UI.
03
Agent-ready
Copy useful context instead of describing the UI from memory.
Workflow
The same simple loop on every page.
Each product surface uses the same structure so visitors can compare capabilities without relearning the page.
01
Toggle
Open Devmode
Use Quey from the browser while the app is running.
02
Inspect
Select an element
Capture identity, location, design values, and source hints.
03
Handoff
Send context to the agent
Use the captured evidence to make edits faster and clearer.
Inspection layer
A browser-first dev mode for UI iteration.
Inspect the actual product UI before changing code. Devmode connects what you see in the browser to the design values and source hints behind it.
Element selection
Style values
Semantic breadcrumbs
Copyable context
FAQ
Common questions
What does Devmode show me?
Select any element in the live app to see its semantic breadcrumb, computed style values, and source file hints when a framework exposes them.
Is Devmode read-only?
Yes — Devmode is for inspection. To make live style edits in the browser, use the Style tool in the Quey toolbar instead.
Does Devmode work on any website?
It works on any page you can load in Chrome. Source file hints only appear when the running app exposes framework-level source context.
Inspect then edit
Use the live page as your source of truth.
Install Quey and capture the UI context before starting the source edit.
Add to Chrome
© 2026 Quey. Built for extension-first coding workflows.