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!
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.
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
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 🥲
@glenntoews@julia_zakharova2 Thanks Julia! You are one of the people who know the whole path of stagewise before the pivot. Nice to hear ur feedback ... again :)
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!
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.
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.
Replies
stagewise
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!
@juliangoetze What is the price?
stagewise
@admiralrohan It's 20$ per month for credits!
Agnes AI
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.
stagewise
Thanks @cruise_chen! We've wanted this ourselves so much that we just built it
stagewise
@cruise_chen Thanks for the kind words and we really hope you enjoy it once you give it a shot!
Dash
Lets gooo so cool
stagewise
@harsha_gaddipati thanks Harsha! 🤝
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
stagewise
@jinsoncjohny stagewise has its own frontend coding agent!
Everything runs in the cli just like Claude Code does - you can enter `npx stagewise` and that's it, you don't need to install anything else!
@juliangoetze thats awesome! love the concept. congrats on the launch!
Click-to-edit on a live codebase is wild. How do you generate safe diffs, tests + type checks before opening a PR?
stagewise
@anwarlaksir thanks! Our coding agent just applies file modifications locally.
Testing the implementation is still up to you right now :)
AppStruct
Congrats on the launch @juliangoetze and @glenntoews!🚀🚀🚀
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 🥲
stagewise
@glenntoews @julia_zakharova2 Thanks Julia! You are one of the people who know the whole path of stagewise before the pivot. Nice to hear ur feedback ... again :)
Hera
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!
stagewise
@peter_tribelhorn thanks Peter! I'm bullish on Hera as well, @glenntoews is already a user
Dash
This is awesome!
stagewise
@dhruv_roongta thanks Dhruv!
Octomind
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.
stagewise
@marc_mengler thanks for the kind words Marc!
WalkSmart
Very nice!
stagewise
@marcelokunze thanks!
Autumn
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
@ay_ush Thanks Ayush! Nice to hear that from the co-founder of the future of payments ;)
Whalesync
super cool!
stagewise
@mbusel thanks :)
stagewise
@stepcha_cherkasov Thanks Stefan!
Morph: Accurate, Fast AI Code Edits
nothing like it - thanks for building this!
stagewise
@morphllm Thanks Tejas!
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!
Pally - AI Relationship Management
this has been so useful for my frontend, thanks for building!
Can I use it to build a TUI (terminal user interface) like k9s?