From d678058206cae6362ddf38cedfa3a8dc6a9301b6 Mon Sep 17 00:00:00 2001 From: Chris Tate Date: Tue, 10 Mar 2026 08:59:36 -0500 Subject: [PATCH] docs: Add missing vercel-sandbox skill and fix electron section (#713) Updates the skills documentation to include the missing `vercel-sandbox` skill that was missing from both the available skills list and installation commands. ## Changes - Added `vercel-sandbox` skill to the Available Skills list with description - Added installation command for `vercel-sandbox` skill - Added dedicated section for `vercel-sandbox` with key features and usage details - Removed duplicate paragraph in the electron section The `vercel-sandbox` skill enables running agent-browser + headless Chrome inside ephemeral Vercel Sandbox microVMs with features like snapshot startup, persistent workflows, and automatic OIDC authentication. Fixes #712 --- docs/src/app/skills/page.mdx | 19 ++++++++++++++++--- 1 file changed, 16 insertions(+), 3 deletions(-) diff --git a/docs/src/app/skills/page.mdx b/docs/src/app/skills/page.mdx index eaaf074..81764d9 100644 --- a/docs/src/app/skills/page.mdx +++ b/docs/src/app/skills/page.mdx @@ -12,6 +12,7 @@ agent-browser ships with skills that teach AI coding agents how to use it for sp - **dogfood** — Systematic exploratory testing. Navigates an app like a real user, finds bugs and UX issues, and produces a structured report with screenshots and repro videos. - **electron** — Automate any Electron app (VS Code, Slack, Discord, Figma, etc.) by connecting to its built-in Chrome DevTools Protocol port. This is how agent-browser drives native desktop apps like the Slack macOS app. - **slack** — Browser-based Slack automation. Check unreads, navigate channels, search conversations, send messages, and extract data — no API tokens needed. +- **vercel-sandbox** — Run agent-browser + headless Chrome inside ephemeral Vercel Sandbox microVMs. Works with any Vercel-deployed framework (Next.js, SvelteKit, Nuxt, Remix, Astro, etc.). ## Installation @@ -20,6 +21,7 @@ npx skills add vercel-labs/agent-browser --skill agent-browser npx skills add vercel-labs/agent-browser --skill dogfood npx skills add vercel-labs/agent-browser --skill electron npx skills add vercel-labs/agent-browser --skill slack +npx skills add vercel-labs/agent-browser --skill vercel-sandbox ``` After installing, your AI agent will automatically activate the right skill when it encounters a matching request. @@ -47,14 +49,25 @@ The output is a markdown report in an output directory, ready to hand to the res ## electron -Electron apps (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) are built on Chromium and expose a Chrome DevTools Protocol (CDP) port that agent-browser can connect to. This skill teaches agents how to launch or connect to any Electron app, then use the standard snapshot-interact workflow to automate it. - -Electron apps are built on Chromium, so they expose a Chrome DevTools Protocol (CDP) port that agent-browser can connect to. Launch the app with `--remote-debugging-port`, connect, and use the standard snapshot-interact workflow. This is the foundation that the **slack** skill builds on. +Electron apps (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) are built on Chromium and expose a Chrome DevTools Protocol (CDP) port that agent-browser can connect to. This skill teaches agents how to launch or connect to any Electron app, then use the standard snapshot-interact workflow to automate it. Launch the app with `--remote-debugging-port`, connect, and use the standard snapshot-interact workflow. This is the foundation that the **slack** skill builds on. ## slack Browser-based Slack automation. Connects to an existing Slack session (via `agent-browser connect 9222`) or opens Slack in a new browser, then uses snapshots and element refs to navigate the UI. Covers checking unreads, navigating channels and DMs, searching conversations, extracting message data, and taking screenshots — all without needing Slack API tokens or bot setup. +## vercel-sandbox + +Run agent-browser + headless Chrome inside ephemeral Vercel Sandbox microVMs. A Linux VM spins up on demand, executes browser commands, and shuts down automatically. Works with any Vercel-deployed framework (Next.js, SvelteKit, Nuxt, Remix, Astro, etc.). + +Key features: + +- Sandbox snapshots for sub-second startup (pre-install system deps, agent-browser, and Chromium) +- Multi-step workflows with persistent state between commands +- Automatic OIDC authentication on Vercel, or explicit credentials for local dev +- Scheduled workflows via Vercel Cron Jobs + +Get started with the `@vercel/sandbox` package and the `withBrowser` helper pattern. See the `examples/environments/` directory in the repo for a working demo app. + ## Source All skill files are in the [`skills/`](https://github.com/vercel-labs/agent-browser/tree/main/skills) directory of the repository.