This project provides a browser toolbar that connects frontend UI elements to AI code agents within an IDE, enabling developers to get real-time context from their web applications directly into their AI coding tools. It aims to streamline the process of providing context to AI agents, saving developers time spent manually selecting files or pasting paths.

How It Works

The stagewise toolbar injects into the browser and allows users to select DOM elements, add comments, and send this context (including DOM elements, screenshots, and metadata) to connected AI agents. This approach provides AI agents with rich, real-time browser context, enhancing their ability to understand and interact with the frontend codebase.

Quick Start & Requirements

• Install: VS Code extension (stagewise.stagewise-vscode-extension) and @stagewise/toolbar package.
• Prerequisites: VS Code, Node.js.
• Setup: Auto-install via VS Code command palette (setupToolbar) or manual injection of @stagewise/toolbar. Framework-specific packages (@stagewise/toolbar-react, @stagewise/toolbar-next, @stagewise/toolbar-vue) are available for easier integration.
• Docs: https://marketplace.visualstudio.com/items?itemName=stagewise.stagewise-vscode-extension

Highlighted Details

• Works out of the box with VS Code and Cursor.
• Supports React, Next.js, Vue, Nuxt.js, and Svelte.
• Sends DOM elements, screenshots, and metadata to AI agents.
• Does not impact bundle size.
• Allows custom plugins and actions.

Maintenance & Community

• Developed by Goetze, Scharpff & Toews GbR.
• Community support via Discord and GitHub Issues.
• Roadmap available.

Licensing & Compatibility

• Open Core model: 99% AGPLv3, 1% commercial (enterprise features).
• AGPLv3 license may have implications for commercial, closed-source use due to its strong copyleft provisions.

Limitations & Caveats

• GitHub Copilot integration is in progress.
• Several AI agents (Cline, BLACKBOXAI, Console Ninja, Continue.dev, Amazon Q, Cody, Qodo) are not yet supported.
• The AGPLv3 license requires derived works to also be open-sourced under AGPLv3, which may restrict integration into proprietary software without a commercial license.