Getting started

Welcome to stagewise — The frontend coding agent for production codebases

• 💬 Tell the agent what you want to change
• 🧠 Click on element(s) to let the agent know where a change should happen
• 💡 Let stagewise do the magic!

Perfect for devs tired of pasting element information and folder paths into prompts. stagewise uses real-time, browser-powered context.

Features

• ⚡ Works out of the box
• 🧩 Customize and extend functionality with Plugins
• 📖 Open source
• ⛓️ Compatible with all kinds of frameworks
• 🧠 Use our dedicated frontend agent - or any other compatible through our open agent interface!

Get Started

1. Start your web app in development mode

The first thing you should do is to start your app in regular development mode

2. Navigate to your app's root directory

Important: stagewise must be run from your app's root directory (where your package.json file is located) to work properly.

Open a new terminal window and navigate to your app's directory:

# Navigate to your app directory
cd /path/to/your/app

# Verify you're in the right place - you should see package.json
ls package.json

3. Start stagewise

stagewise can be integrated into your workflow without requiring you to install anything!

From your app's root directory, run:

npx stagewise@latest

or (if you're using pnpm):

pnpm dlx stagewise@latest

And simply follow the short guide of the CLI app to setup your stagewise account.