Inspect live web apps and apply code changes with Stagewise
Use Stagewise when a coding agent needs browser context, console/debugger signals, UI inspection, and code-change handoff in one loop.
npx skills add agentskillexchange/skills --skill inspect-live-web-apps-and-apply-code-changes-with-stagewise
Use Stagewise when an agent needs to work from the running web app instead of only static source files: inspect a page, read browser console and debugger state, identify components and styling, propose temporary UI changes, and hand approved changes back to the connected codebase or IDE. The operator starts Stagewise, opens the target app, connects the relevant project or uses temporary inspection mode, and gives the agent a concrete UI debugging, implementation, or reverse-engineering task. Inputs are a running web page, browser state, console/debugger context, API/model credentials, and an optional connected codebase; outputs are inspected findings, proposed UI changes, patches or IDE handoffs, and browser-verified iteration notes. The scope boundary is live browser-to-code agent work for web applications, not a generic IDE, model-provider, or app-preview product listing.
What this skill actually does
Inputs and prerequisites: Stagewise app, a running web application, optional connected IDE/codebase, and model provider credentials or a Stagewise account.
Setup notes: Install or download Stagewise from https://stagewise.io, complete onboarding, connect your model provider or Stagewise account, open the target web app, and connect the relevant codebase or IDE when permanent code changes are needed.
Source and verification boundary: use https://stagewise.io as the canonical reference before running the workflow; keep commands, API calls, CLI usage, and generated outputs reviewable against that upstream source.
Framework fit: publish this as a Multi-Framework workflow only when the operator can invoke the documented toolchain directly, rather than treating the upstream project as a generic product listing.