Stagehand is a TypeScript project that extends Playwright with three simple AI methods — act, extract, and observe. We’d love for you to try it out using the command below:

    npx create-browser-app --example quickstart

    const stagehand = new Stagehand();
    await stagehand.init();

    // Stagehand overrides the Playwright Page and Context classes
    const { page, context } = stagehand

    await page.goto("instadash.com") // Regular Playwright

    // Take action on the page
    await page.act({ action: "click on taqueria cazadores" })

    // Extract relevant data from the page
    const { price } = await page.extract({
        instruction: "extract the price of the super burrito",
        schema: z.object({
            price: z.number()
        })
    })

The goal of Stagehand is twofold:

1. Make browser automations easier to write 2. Make browser automations more resilient to DOM changes.

We were super energized by what we’ve been seeing with vision-based computer use agents. We think with a browser, you can provide even richer data by leveraging the information in the DOM + a11y tree in addition to what’s rendered on the page. However, we didn’t want to go so far as to build an agent, since we wanted fine-grained control over each step that an agent can take.

Therefore, the happy medium we built was to extend the existing powerful functionalities of Playwright with simple and extensible AI APIs that return the decision-making power back to the developer at each step.

Check out our docs: https://docs.stagehand.dev

We’d love for you to join and give us feedback on Slack as well: https://stagehand.dev/slack