Syntic

Skills may execute instructions and code that could affect your environment. Marketplace scans reduce risk but do not guarantee safety. Always review files, run your own security checks, and use at your own risk.

EngineeringFree Safe

browserstack

Security Scan Summary

Status: Safe

Source: Syntic Skills registry

Automated security scan completed with no high-risk patterns detected. Manual review is still required.

About This Skill

Use when running Playwright tests on BrowserStack cloud grid for cross-browser and cross-device testing.

Downloadable SKILL.md

Download SKILL.md and place it in your Syntic skills folder. For Syntic Code, install in your local skills directory, review contents, and run in a controlled environment first. Acknowledge the risk notice above to enable the download.

SKILL.md
---
name: browserstack
description: Use when running Playwright tests on BrowserStack cloud grid for cross-browser and cross-device testing.
category: Engineering
version: 1.0.0
tools: []
---

# BrowserStack Integration

Run Playwright tests on BrowserStack's cloud grid for cross-browser and cross-device testing.

## Prerequisites

Environment variables:
- `BROWSERSTACK_USERNAME` β€” your BrowserStack username
- `BROWSERSTACK_ACCESS_KEY` β€” your access key

## Capabilities

### 1. Configure for BrowserStack

Add BrowserStack connect options to playwright.config.ts with wsEndpoint connecting to `wss://cdp.browserstack.com/playwright`. Set capabilities for browser (chrome/firefox/webkit), browser_version (latest), os (Windows/OS X), os_version.

### 2. Run Tests on BrowserStack

Verify credentials are set. Run tests with BrowserStack projects:
```bash
BROWSERSTACK_USERNAME=$BROWSERSTACK_USERNAME \
BROWSERSTACK_ACCESS_KEY=$BROWSERSTACK_ACCESS_KEY \
npx playwright test --project='chrome@*' --project='firefox@*'
```

Monitor execution and report results per browser.

### 3. Get Build Results

Call browserstack_get_builds MCP tool. Display latest build's sessions with status (pass/fail), browser/OS, duration, video URL, logs.

### 4. Check Available Browsers

Call browserstack_get_browsers MCP tool. Filter for Playwright-compatible browsers. Display available combinations.

### 5. Local Testing

For localhost/staging behind firewall:
1. Install browserstack-local: npm install -D browserstack-local
2. Add local tunnel to config
3. Follow setup instructions

## MCP Tools Used

| Tool | When |
|---|---|
| browserstack_get_plan | Check account limits |
| browserstack_get_browsers | List available browsers |
| browserstack_get_builds | List recent builds |
| browserstack_get_sessions | Get sessions in a build |
| browserstack_get_session | Get session details (video, logs) |
| browserstack_update_session | Mark pass/fail |
| browserstack_get_logs | Get text/network logs |

## Output

- Cross-browser test results table
- Per-browser pass/fail status
- Links to BrowserStack dashboard for video/screenshots
- Browser-specific failures highlighted

Bundle Download

Includes SKILL.md and bundled support files where provided. Risk acknowledgement is required.

Install Targets

Syntic App

  1. 1. Create a dedicated folder for this skill in your local skills library.
  2. 2. Place SKILL.md into that folder.
  3. 3. Restart Syntic and invoke this skill on matching tasks.

Syntic Code (CLI)

  1. 1. Save SKILL.md in your local Syntic Code skills directory.
  2. 2. Keep related files in the same skill folder.
  3. 3. Run in a safe environment and validate outputs.

Source

https://github.com/alirezarezvani/claude-skills/blob/main/engineering-team/playwright-pro/skills/browserstack/SKILL.md

Open Source Link
Engineering

Related Skills