ReddRadar
Agent skill
browser-stack
Cross-browser and cross-device testing using BrowserStack or Sauce Labs
Install this agent skill to your Project
npx add-skill https://github.com/a5c-ai/babysitter/tree/main/library/specializations/ux-ui-design/skills/browser-stack
SKILL.md
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" }
}
}
},
"compatibilityMatrix": {
"type": "object",
"description": "Browser/device compatibility summary"
},
"issues": {
"type": "array",
"description": "Detected compatibility issues"
},
"reportUrl": {
"type": "string",
"description": "URL to full test report"
}
}
}
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'
});
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
a5c-ai/babysitter
gsd-tools
Central utility skill for GSD operations. Provides config parsing, slug generation, timestamps, path operations, and orchestrates calls to other specialized skills. Acts as the unified entry point that the original gsd-tools.cjs provided via its lib/ modules (commands, config, core, init).
a5c-ai/babysitter
model-profile-resolution
Resolve model profile (quality/balanced/budget) at orchestration start and map agents to specific models. Enables cost/quality tradeoffs by selecting appropriate AI models for each agent role.
a5c-ai/babysitter
verification-suite
Plan structure validation, phase completeness checks, reference integrity verification, and artifact existence confirmation. Provides the structured verification layer ensuring GSD artifacts are well-formed and complete.
a5c-ai/babysitter
state-management
STATE.md reading, writing, and field-level updates. Provides cross-session state persistence via .planning/STATE.md with structured fields for current task, completed phases, blockers, decisions, and quick tasks.
a5c-ai/babysitter
git-integration
Git commit patterns, formats, and conventions for GSD methodology. Provides atomic commits per task, structured commit messages, planning file commits, branch management, and milestone tag operations.
a5c-ai/babysitter
frontmatter-parsing
YAML frontmatter parsing and manipulation for .planning/ documents. Provides read, write, update, query, and validation operations on frontmatter blocks in GSD markdown artifacts.
Didn't find tool you were looking for?