Making changes to your app should be as fast as possible. Instead of manually describing what to edit, what if you could just click?
Now you can. Meet Element Selector, a simple yet powerful way to select any UI element in your app and modify it instantly with Agent or Assistant. No need to type out descriptions or search through files — just Click. Describe. Done.
How It Works
- Toggle the Element Selector — You can find it alongside the chat input tools in Agent and Assistant.
- Click to select — Want to edit a button? Change a heading? Just click it.
- Describe changes — Assistant updates text, colors, or styles in seconds. Use Agent to add features like turning a static list into a searchable one.
Click. Describe. Done.
Quick Edits with Assistant
Powerful Upgrades with Agent
Behind the scenes, we map each component in your app's interface to its exact location in the codebase. When you select an element, the agent receives:
- Precise file and line number references
- Style properties and current state
- Associated functionality and event handlers
This means Agent doesn't just guess—it knows exactly what you want to change.
Why this changes everything
Instead of describing what to change, just show it. With Element Selector, Agent and Assistant now understand your UI in context, making edits effortless. Whether you're a beginner or an expert, pointing is faster than typing — and now, that power is yours.
Currently available for new JavaScript-based Apps. Support for additional tech stacks and older Apps coming soon.
Click. Describe. Done.
