# Percy Visual Testing

> Percy visual testing platform integration for visual regression detection

- Skill: `a5c-ai/percy-visual-testing` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add a5c-ai/percy-visual-testing`
- Raw SKILL.md: https://api.skillmd.com/api/skills/a5c-ai/percy-visual-testing/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Integrations & APIs
- Author: a5c-ai (https://skillmd.com/u/a5c-ai)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/a5c-ai/percy-visual-testing

---


# 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

```javascript
{
  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.