Hey ProductHunt! 👋🏽 We're Julian and Glenn, the makers of stagewise.
The problem:
Like many of you, we fell in love with prototyping tools like v0. The feeling of magically generating a UI with a simple prompt is just incredible.
But then came the hard part: moving from v0 to our local codebase.
After switching to a local codebase and working with Claude Code or Cursor, the frontend magic was gone. We were back to manually copying and pasting screenshots from left to right, trying to make the coding agent understand the UI we were looking at.
So, we built stagewise:
stagewise is an open-source frontend coding agentthat lives inside your browser and operates on your local codebase. It lets you click on elements in you app, enter prompts like 'increase the height here' and implements the changes in your source code.
stagewise basically brings the magic of tools like v0 and lovable right into your local project setup.
Here's how to try it out with a single command:
start your web app in dev mode (e.g. on localhost:3000)
open a terminal and navigate to your web app's directory
run:
npx stagewise@latest
The command will inject the stagewise coding agent on top of your running web app, ready to play with.
Our ask:
Please try out the agent for you project and give us honest feedback - that's the best way for us to improve stagewise.
You can use the coupon code PRODUCTHUNT to get a month off!
This is really cool. May be later in the 2nd phase of the iteration, you could also integrate drag and drop no code style functionality for faster development. Combining no code and AI assistance coding would make it even more powerful.
Congrats on the launch and all the best!
I was lucky to meet the founders here in SF, and if I weren't already sold on the product, I would be sold after that. As a non-technical founder, Stagewise is the first AI tool where I can work in our codebase without writing a single line of code. This is the future of vibecoding. Let's go!
Click-to-edit on a live codebase is wild. How do you generate safe diffs, tests + type checks before opening a PR?
Still remember the first time I tried stagewise and it totally blew my mind. This is the future of frontend! Congrats on the launch guys 🚀❤️
stagewise is great: you can basically click on the components on your vibe-coded frontend and customize each one in a targeted manner. aaaaaand its open-source. Basically lovable on steroids.
I tested Stagewise in the early days, and what I liked most was how easy it was to report a bug ➔ the plugin automatically collected console logs, network requests, and device info for the frontend developer. I didn’t need to do anything extra (too bad the screenshots are gone, but I think they were there😅)
In my current job, I usually have to pick XPath selectors, take screenshots, and write down environment details by hand. With Stagewise, it would take just a few seconds. For QA and developers, this would save a lot of time 🥲
This is awesome🔥 Im not clear with how this works? Would this work if I had a copilot + vscode combination? Does this using the users native code editors AI to do the processing? Cool idea BTW
Being able to just click on your app and prompt code changes right in your local setup is genius, ngl—no more screenshot shuffle! You two are onto something realy cool here.
Hey ProductHunt! 👋🏽 We're Julian and Glenn, the makers of stagewise.
The problem:
Like many of you, we fell in love with prototyping tools like v0. The feeling of magically generating a UI with a simple prompt is just incredible.
But then came the hard part: moving from v0 to our local codebase.
After switching to a local codebase and working with Claude Code or Cursor, the frontend magic was gone. We were back to manually copying and pasting screenshots from left to right, trying to make the coding agent understand the UI we were looking at.
So, we built stagewise:
stagewise is an open-source frontend coding agent that lives inside your browser and operates on your local codebase. It lets you click on elements in you app, enter prompts like 'increase the height here' and implements the changes in your source code.
stagewise basically brings the magic of tools like v0 and lovable right into your local project setup.
Here's how to try it out with a single command:
start your web app in dev mode (e.g. on localhost:3000)
open a terminal and navigate to your web app's directory
run:
The command will inject the stagewise coding agent on top of your running web app, ready to play with.
Our ask:
Please try out the agent for you project and give us honest feedback - that's the best way for us to improve stagewise.
You can use the coupon code PRODUCTHUNT to get a month off!
We're excited to hear your thoughts!