You can spawn the agent into locally running web apps in dev mode with `npx stagewise` from the project root. The agent lets you then click on HTML Elements in your app, enter prompts like 'increase the height here' and will implement the changes in your source code.
Before stagewise, we were building a vertical SaaS for logistics from scratch and loved using prototyping tools like v0 or lovable to get to the first version. But when switching from v0/ lovable to Cursor for local development, we felt like the frontend magic was gone. So, we decided to build stagewise to bring that same magic to local development.
The first version of stagewise just forwarded a prompt with browser context to existing IDEs and agents (Cursor, Cline, ..) and went viral on X after we open sourced it. However, the APIs of existing coding agents were very limiting, so we figured that building our own agent would unlock the full potential of stagewise.
Here's how it works: When you run `npx stagewise`, our cli proxies your running web application in dev mode and injects a toolbar containing the coding agent on top of it. Each prompt you send will be enriched with browser context and sent to our cli, which will call our backend and modify the source code of your local codebase accordingly.
Here's a demo of our agent changing the login UI of Cal.com, a popular open-source meeting scheduling app: https://www.youtube.com/watch?v=BkDcAozK9L4.
So far, we've seen great adoption from non-technical users who wanted to continue building their lovable prototype locally. We personally use the agent almost daily to make changes to our landing page and to build the UI of new features on our console (https://console.stagewise.io).
If you have an app running in dev mode, simply `cd` into the app directory and run `npx stagewise` - the agent should appear, ready to play with.
We're very excited to hear your feedback!
koakuma-chan•12h ago
juliangoetze•12h ago
glenntws•12h ago
koakuma-chan•11h ago
glenntws•11h ago
juliangoetze•11h ago
koakuma-chan•10h ago
Available plugins: @stagewise-plugins/angular
Agent server initialized successfully
Stagewise is running on http://localhost:4200
Proxying app from port 3100
Opening browser...
Credits: [ ------------------------------ ] 1.99/2€
Credits: [ ------------------------------ ] 1.97/2€
Credits: [ ------------------------------ ] 1.95/2€
Credits: [ ------------------------------ ] 1.92/2€
Credits: [ ------------------------------ ] 1.89/2€
[multiEditTool] Editing file public/i18n/en.json (30679 bytes)
[multiEditTool] Edit 0: Replaced 1 occurrence
[multiEditTool] Edit 1: Replaced 1 occurrence
[multiEditTool] Edit 2: Replaced 1 occurrence
[multiEditTool] Edit 3: Replaced 1 occurrence
Credits: [ ------------------------------ ] 1.86/2€
juliangoetze•10h ago
koakuma-chan•9h ago
I'm gonna give it another try a bit later.
juliangoetze•9h ago
koakuma-chan•6h ago