Percy visual

Skill a5c-ai/babysitter/library/specializations/qa-testing-automation/skills/percy-visual

Percy visual testing platform integration for visual regression detectionFrom its SKILL.md

Install

npx -y skills add a5c-ai/babysitter --skill percy-visual

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

SKILL.md

2.0 KB, 361 tokens by cl100k_base, as published. Nobody here has run it

Percy Visual Testing Skill

Overview

This skill provides expert-level capabilities for Percy-based visual testing, enabling snapshot capture, visual diff analysis, and seamless CI/CD integration.

Capabilities

Snapshot Capture

Capture visual snapshots across viewports
Configure responsive testing breakpoints
Handle dynamic content masking
Full-page and element snapshots

Visual Diff Analysis

Analyze visual diffs between builds
Identify intentional vs unintentional changes
Configure diff sensitivity

Baseline Management

Manage Percy baseline approvals
Handle baseline branching
Configure auto-approval rules

CI/CD Integration

Configure Percy with CI/CD pipelines
GitHub/GitLab integration
Pull request visual reviews

Framework Integration

Integrate with Playwright
Integrate with Cypress
Integrate with Selenium
Storybook integration

Target Processes

visual-regression.js - Visual regression testing
e2e-test-suite.js - E2E with visual validation
cross-browser-testing.js - Cross-browser visual testing

Dependencies

@percy/cli - Percy CLI
@percy/playwright / @percy/cypress - Framework SDKs
Percy account and token

Usage Example

{
  kind: 'skill',
  skill: {
    name: 'percy-visual',
    context: {
      action: 'capture-snapshots',
      testSuite: 'e2e',
      widths: [375, 768, 1280],
      branch: 'feature/new-design'
    }
  }
}

Configuration

The skill requires a Percy token and can be configured to work with various testing frameworks.

What ships with it: 1 file

593 B alongside SKILL.md

README.md593 B