Skip to main content
The chat panel lets you describe changes in natural language. Select elements to provide context, take screenshots, and let the AI update your code.
Inspector requires an AI agent to apply code changes. See Connecting AI Agents to set one up.

​
Selecting elements

Click any element to select it. Selected elements are automatically added as context when you send chat messages, helping the AI understand exactly what you want to change.
Inspector will automatically find the exact lines of code of the component you selected for React projects.

​
Screenshots

Click the Screenshot button in the toolbar, then click an element to capture it. Screenshots are attached to your chat messages to provide visual context.