browser-stack

name	browser-stack
description	Cross-browser and cross-device testing using BrowserStack or Sauce Labs
allowed-tools	["Read","Write","Edit","Bash","Glob","Grep","WebFetch"]
graph	{"domains":["domain:web-development"],"specializations":["specialization:ux-ui-design"],"skillAreas":["skill-area:cross-browser-testing","skill-area:compatibility-testing"],"roles":["role:qa-engineer","role:frontend-engineer"],"workflows":["workflow:user-feedback-loop","workflow:product-discovery"]}

Browser Stack Skill

Purpose

Execute cross-browser and cross-device testing using cloud testing platforms like BrowserStack or Sauce Labs.

Capabilities

• Run tests on real devices and browsers
• Capture screenshots across device/browser combinations
• Test on multiple browser versions
• Generate compatibility reports
• Visual regression testing across platforms
• Performance testing on real devices

Target Processes

• responsive-design.js (crossDeviceTestingTask)
• accessibility-audit.js
• usability-testing.js

Integration Points

• BrowserStack API
• Sauce Labs API
• Selenium WebDriver
• Playwright

Input Schema

{
  "type": "object",
  "properties": {
    "platform": {
      "type": "string",
      "enum": ["browserstack", "saucelabs"],
      "default": "browserstack"
    },
    "testUrl": {
      "type": "string",
      "description": "URL to test"
    },
    "browsers": {
      "type": "array",
      "items": {
        "type": "object",
        "properties": {
          "browser": { "type": "string" },
          "version": { "type": "string" },
          "os": { "type": "string" }
        }
      }
    },
    "devices": {
      "type": "array",
      "items": {
        "type": "object",
        "properties": {
          "device": { "type": "string" },
          "osVersion": { "type": "string" }
        }
      }
    },
    "testType": {
      "type": "string",
      "enum": ["screenshot", "functional", "visual-regression", "performance"],
      "default": "screenshot"
    },
    "viewports": {
      "type": "array",
      "items": {
        "type": "object",
        "properties": {
          "width": { "type": "number" },
          "height": { "type": "number" }
        }
      }
    }
  },
  "required": ["testUrl"]
}

Output Schema

{
  "type": "object",
  "properties": {
    "testResults": {
      "type": "array",
      "items": {
        "type": "object",
        "properties": {
          "browser": { "type": "string" },
          "device": { "type": "string" },
          "status": { "type": "string" },
          "screenshotUrl": { "type": "string" }
        }
      }
    
     
       
       
    
     
       
       
    
     
       
       
    
  

Usage Example

const result = await skill.execute({
  platform: 'browserstack',
  testUrl: 'https://example.com',
  browsers: [
    { browser: 'chrome', version: 'latest', os: 'Windows 11' },
    { browser: 'safari', version: 'latest', os: 'OS X Sonoma' }
  ],
  devices: [
    { device: 'iPhone 15', osVersion: '17' },
    { device: 'Samsung Galaxy S24', osVersion: '14' }
  ],
  testType: 'screenshot'
});