DEV Community

Stop Copy-Pasting Your Entire Codebase to AI — Try Stagewise Instead

When working with AI on frontend projects, it can be frustrating to spend 20 minutes explaining the project structure and still have the AI misunderstand what you're trying to build. The typical conversation involves sharing code, explaining folder structure, and describing the UI, only to have the AI generate code that's not what you wanted. Stagewise is a browser toolbar that allows AI agents to see your frontend, eliminating the need to explain folder structures or describe UI elements with words. With Stagewise, you can point and click on an element, add context, and the AI will receive both visual and text context, making changes automatically. The setup takes less than 5 minutes and currently supports Windsurf and Cursor, with more editors coming soon. To set up Stagewise, you need to install the extension from the VS Code Marketplace, set up the toolbar, and run your app. Stagewise saves tons of time on context explanation, and the AI understands exactly what you're pointing at, with no complex setup. The tool supports all major frameworks, including React, Next.js, Vue, and Nuxt, and you can check the examples repo for implementation details. Stagewise is a game-changer for frontend development with AI, and you can check the documentation and VS Code extension for more details.
favicon
dev.to
dev.to
Image for the article: Stop Copy-Pasting Your Entire Codebase to AI — Try Stagewise Instead
Create attached notes ...