Browser Automation

const browser = await skyvern.launchCloudBrowser();
const page = await browser.getWorkingPage();

// Use Playwright methods
await page.goto("https://example.com");

// Or use AI
await page.agent.runTask("Fill out the contact form and submit it");

await browser.close();

const browser = await skyvern.useCloudBrowser();
const page = await browser.getWorkingPage();

const browser = await skyvern.connectToCloudBrowserSession("pbs_abc123");
const page = await browser.getWorkingPage();

const browser = await skyvern.connectToBrowserOverCdp("http://localhost:9222");
const page = await browser.getWorkingPage();

const page = await browser.getWorkingPage();

const page = await browser.newPage();

await browser.close();

// Standard Playwright click
await page.click("#submit-button");

// AI-powered click (no selector needed)
await page.click({ prompt: "Click the 'Submit' button" });

// Selector with AI fallback
await page.click("#submit-button", { prompt: "Click the 'Submit' button" });

// Standard Playwright fill
await page.fill("#email", "user@example.com");

// AI-powered fill
await page.fill({ prompt: "Fill 'user@example.com' in the email field" });

// Selector with AI fallback
await page.fill("#email", "user@example.com", {
  prompt: "Fill the email address field",
});

// Standard Playwright select
await page.selectOption("#country", "us");

// AI-powered select
await page.selectOption({ prompt: "Select 'United States' from the country dropdown" });

// Selector with AI fallback
await page.selectOption("#country", "us", {
  prompt: "Select United States from country",
});

const result = await page.agent.runTask("Fill out the contact form and submit it", {
  dataExtractionSchema: {
    type: "object",
    properties: {
      confirmation_number: { type: "string" },
    },
  },
});
console.log(result.output);

// Skyvern credentials
await page.agent.login("skyvern", {
  credentialId: "cred_123",
});

// Bitwarden
await page.agent.login("bitwarden", {
  bitwardenItemId: "item_id",
  bitwardenCollectionId: "collection_id",
});

// 1Password
await page.agent.login("1password", {
  onepasswordVaultId: "vault_id",
  onepasswordItemId: "item_id",
});

// Azure Vault
await page.agent.login("azure_vault", {
  azureVaultName: "vault_name",
  azureVaultUsernameKey: "username_key",
  azureVaultPasswordKey: "password_key",
});

const result = await page.agent.downloadFiles("Download the latest invoice PDF", {
  downloadSuffix: ".pdf",
  downloadTimeout: 30,
});

const result = await page.agent.runWorkflow("wpid_abc123", {
  parameters: { company_name: "Acme Corp" },
});
console.log(result.output);

await page.act("Scroll down and click the 'Load More' button");

const data = await page.extract({
  prompt: "Extract all product names and prices",
  schema: {
    type: "array",
    items: {
      type: "object",
      properties: {
        name: { type: "string" },
        price: { type: "string" },
      },
    },
  },
});
console.log(data);

const isLoggedIn = await page.validate("Check if the user is logged in");
console.log(isLoggedIn); // true or false

const result = await page.prompt(
  "What is the main heading on this page?",
  { heading: { type: "string" } },
);
console.log(result);

import { Skyvern } from "@skyvern/client";

const skyvern = new Skyvern({ apiKey: "YOUR_API_KEY" });
const browser = await skyvern.launchCloudBrowser();
const page = await browser.getWorkingPage();

// Navigate with Playwright
await page.goto("https://app.example.com");

// Login with AI
await page.agent.login("skyvern", { credentialId: "cred_abc123" });

// Extract data with AI
const data = await page.extract({
  prompt: "Extract all invoice numbers and amounts from the billing page",
  schema: {
    type: "array",
    items: {
      type: "object",
      properties: {
        invoice_number: { type: "string" },
        amount: { type: "string" },
      },
    },
  },
});
console.log(data);

// Clean up
await browser.close();
await skyvern.close();