See It In Action
Watch how stagewise connects your browser UI to your code editor, providing real-time context for your AI agents.
Features
The stagewise Toolbar makes it incredibly easy to edit your frontend code with AI agents
Works out of the box
Simple setup with minimal configuration required
Customizable
Use your own configuration file to tailor the experience
Connect to MCP
Connect to your own MCP server for enhanced capabilities
Zero impact
Does not impact bundle size of your production app
Rich context
Sends DOM elements, screenshots & metadata to your AI agent
Live comments
Comment directly on live elements in the browser
Works With Your Stack
stagewise integrates seamlessly with popular frontend frameworks
Quickstart
Install and inject the toolbar
🪄 Auto-Install the toolbar (AI-guided):
- In Cursor, Press
CMD + Shift + P
- Enter
setupToolbar
- Execute the command and the toolbar will init automatically 🦄
Or follow the manual way:
⚡️ The toolbar will automatically connect to the extension!Check out the Quickstart Guide for the React, Next.js, Vue and Nuxt SDKs.
Agent Support
Compatible with popular AI coding assistants
Agent | Status |
---|---|
Cursor | Supported (v0.1) |
GitHub Copilot | In Progress |
Windsurf | Supported (v0.2) |
Cline | Not Supported |
Zed | Not Supported |