Claude Skill MartBrowse skillsWhat is a Skill?
 
← Back to list

BrowserStack Cross-Browser Testing

Configure and run Playwright tests on BrowserStack's cloud grid, then summarize results per browser.

Dev & CodingIntermediate★ 24,151⑂ 3,405AI score 7/10Last updated: Aug 9, 2026

What it does

  • Adds BrowserStack connect options (Chrome, Firefox, WebKit projects) to your playwright.config.ts.
  • Verifies BROWSERSTACK_USERNAME / BROWSERSTACK_ACCESS_KEY and launches tests against the cloud grid.
  • Uses MCP tools (browserstack_get_builds, browserstack_get_sessions, browserstack_get_logs, ...) to pull build status, videos and logs into a summary table.
  • Explains BrowserStack Local setup for testing localhost or firewalled staging environments.

Who it's for

  • Teams already running Playwright who need real Safari/Firefox verification.
  • QA engineers who must cover OS/browser combos not available locally.
  • Developers who want a clean browser-matrix report in CI.

Examples

  1. "Set up browserstack" → inspects the config, adds three cloud projects and a test:e2e:cloud npm script.
  2. "Run cross-browser tests" → executes Chrome + Firefox projects and reports pass/fail per browser.
  3. "Show latest build results" → lists sessions with status, duration and video URLs.

· · · Install guide · · ·

Install in the Claude app (no terminal)
  1. Download the ZIP with the button below.
  2. In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
  3. Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
↓ Download ZIP
Install in Claude Code

Let Claude do it — paste this into Claude Code

Install the skill I found on Claude Skill Mart.
Copy the .gemini/skills/browserstack folder from the GitHub repo alirezarezvani/claude-skills into my ~/.claude/skills/browserstack/.
When it's done, tell me in one line what this skill can do.

Install with a command instead

git clone https://github.com/alirezarezvani/claude-skills.git /tmp/claude-skills && mkdir -p ~/.claude/skills/browserstack && cp -r /tmp/claude-skills/.gemini/skills/browserstack/* ~/.claude/skills/browserstack/

⚠ This is a third-party skill. Check the source repository before installing.

  1. Open a terminal and clone the repo: git clone https://github.com/alirezarezvani/claude-skills.git
  2. Create the skill folder: mkdir -p ~/.claude/skills/browserstack
  3. Copy the files: cp -r claude-skills/.gemini/skills/browserstack/* ~/.claude/skills/browserstack/
  4. Grab your username and access key from the BrowserStack account settings page.
  5. Export them in your shell profile: export BROWSERSTACK_USERNAME=... and export BROWSERSTACK_ACCESS_KEY=..., then reopen the terminal.
  6. Register the BrowserStack MCP server in Claude Code if you want build/session lookups.
  7. Restart Claude Code and try: "run my Playwright tests on BrowserStack".
View source on GitHub ↗License: MIT