SkillsAdd

dragoon0x/everything-design-taste

visual-regression-testing

Visual regression testing approaches, snapshot comparison, and visual QA automation.

First seen Jul 18, 2026

Installation

$ npx skills add dragoon0x/everything-design-taste --skill visual-regression-testing
View on skills.sh ↗ GitHub repository ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

agent-browser Shared topics
vercel-labs/agent-browser

Browser automation CLI for AI agents. Use when the user needs to interact with websites, includ…

810.4K installs
azure-diagnostics Shared topics
microsoft/azure-skills

Debug Azure production issues on Azure using AppLens, Azure Monitor, resource health, and safe …

568.9K installs
azure-validate Shared topics
microsoft/azure-skills

Pre-deployment validation for Azure readiness. Run deep checks on configuration, infrastructure…

567.7K installs
supabase-postgres-best-practices Shared topics
supabase/agent-skills

Postgres best practices maintained by Supabase, for Postgres running anywhere. Load this skill …

391.6K installs
ai-regression-testing Similar name
affaan-m/ecc

Regression testing strategies for AI-assisted development.

8.3K installs
visual-regression-testing Similar name
aj-geddes/useful-ai-prompts

Detect unintended visual changes in UI by comparing screenshots across versions. Use for visual…

683 installs

Also in this package

Other skills from dragoon0x/everything-design-taste · top by installs.

npx skills add dragoon0x/everything-design-taste
ecommerce-design 6 kiosk-design 5 desktop-app-design 3 brand-photography-guide 3 animation-choreography 3 user-retention-patterns 3 watch-wearable-design 3 travel-hospitality-design 3 travel-booking 3 stepper-input 3

Browse all from dragoon0x/everything-design-taste

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 11
License LICENSE
Default branch main
Open issues 0
Status Active

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,167 B
  • docs SUMMARY.md 117 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 2 installs

SKILL.md

Visual Regression Testing

Visual Regression Testing

Tools

  • Chromatic (Storybook integration).
  • Percy (BrowserStack).
  • Playwright visual comparisons.
  • BackstopJS (open source).

What to Test

  • Component states (default, hover, focus, disabled, error, loading).
  • Responsive breakpoints (mobile, tablet, desktop).
  • Dark mode vs light mode.
  • Content edge cases (empty, long text, many items).

Strategy

  1. Component-level screenshots in Storybook (isolated, deterministic).
  2. Page-level screenshots for layout validation.
  3. Threshold: Allow 0.1% pixel difference (anti-aliasing varies).
  4. CI integration: Block PRs that introduce visual changes without approval.

Anti-Patterns

  • Testing pages with dynamic data (timestamps, random content cause false positives).
  • Screenshot resolution inconsistency.
  • Not testing dark mode.
  • Ignoring font rendering differences between CI and local.