Happy slice of mcp pizzaMCP.pizza

stagewise

MCP.Pizza Chef: stagewise-io

Stagewise is an AI client that integrates real-time browser DOM context with AI-powered code editors like VS Code. It enables commenting on any DOM element and sends authentic context to AI tools such as Windsurf, enhancing coding workflows. It supports multiple frameworks including React, Next.js, Vue, and Nuxt.js, and is designed for quick setup and seamless interaction, saving developers time by automating context selection and improving prompt accuracy.

Use This MCP client To

Comment on any DOM element directly from the code editor Send real browser context to AI tools for accurate code suggestions Integrate AI assistance with React, Next.js, Vue, and Nuxt.js projects Save time by automating file and context selection for AI prompts Set up AI-powered coding workflows in under 30 seconds

README

stagewise

The Agentic IDE for Open-Source Models

English | 简体中文 | Deutsch | 日本語 | Español | 한국어 | Português | Français | Italiano | हिन्दी | Русский | Українська

NPM License GitHub Repo stars

Join us on Discord X (formerly Twitter) Follow

stagewise demo

About the project

stagewise is an open source agentic IDE for developers with a coding agent built right in.

  • Browse and build in the same tool — no context switching
  • Work with a coding agent that has full access to your tab's console and debugger
  • Make temporary test changes or connect a codebase for permanent edits
  • Reverse-engineer any website's components, style systems, and color palettes
  • IDE integration to view and apply code changes in your favorite editor
  • Bring your own API key — fully supported for all AI providers

stagewise FAQ

How does stagewise interact with my browser?
Stagewise allows you to comment on any DOM element and sends the real-time browser context to AI tools, enabling more accurate and context-aware code suggestions.
Which frameworks does stagewise support?
Stagewise offers first-party support for React, Next.js, Vue, and Nuxt.js, and works with every framework.
How quickly can I set up stagewise?
Setup takes about 30 seconds, making it fast and easy to integrate into your development environment.
Is stagewise open-source?
Yes, stagewise is fully open-source, allowing developers to inspect, modify, and contribute to the project.
Can stagewise improve AI prompt accuracy?
Yes, by sending real browser context to AI tools like Windsurf, it enhances prompt relevance and coding assistance.
Does stagewise work with multiple AI providers?
While it specifically mentions Windsurf, stagewise's design supports integration with various AI tools and LLM providers such as OpenAI, Claude, and Gemini.
What development environments does stagewise support?
Stagewise integrates primarily with AI-powered code editors like VS Code, enhancing the coding experience with real-time context.