stagewise: Build and Orchestrate Coding Agents in an IDE

Overview

stagewise is a TypeScript IDE for working with web applications alongside a built-in coding agent. It brings app browsing and previews together with the agent’s access to the browser tab’s console and debugger, helping developers investigate an app and make changes in one workflow.

Use it to try temporary changes or connect a codebase for permanent edits. It can also help inspect a website’s components, styling, and color palette, with code changes available to view and apply in an editor.

Key Features

• Combine website browsing and app previews with coding-agent work.
• Give the agent access to the current tab’s console and debugger.
• Make temporary test changes or connect a codebase for persistent edits.
• Inspect website components, style systems, and color palettes.
• View and apply code changes in an IDE of your choice.
• Connect supported model providers with an API key or configure custom providers and models, including local inference.

Use Cases

• Web developers can investigate a bug using the app’s console and debugger, then ask an agent to help make a change.
• Frontend developers can explore a reference website’s components and visual styling while building a similar interface.
• Developers evaluating a UI idea can make temporary changes before committing to edits in a connected codebase.
• Teams using different model providers can configure their preferred provider or model while working in the same IDE.

Project Facts

• Language: TypeScript
• License: AGPL-3.0
• Stars: 6.8k
• Forks: 510
• Topics: agent, agent-orchestration, ide
• Archived: No

Getting Started

Download stagewise from stagewise.io and follow its onboarding guide. See the repository README for details on model setup and usage.

Alternatives

• bolt.diy: bolt.diy is a browser-based workspace for building and deploying Node.js apps, while stagewise focuses on editing a web app through its browser preview.

Considerations

• The repository is licensed under AGPL-3.0. Check the license terms for your intended use; the project points to a contact for uses outside the license’s permitted scope.
• You need a stagewise account or a configured provider to use models. Bring-your-own-key options and account plans have different access and limits.
• The README describes a downloadable product and onboarding flow, rather than a command-line installation procedure.