Toolverse
All skills
Testing

performing-visual-regression-testing

by jeremylongshore

This skill enables Claude to execute visual regression tests using tools like Percy, Chromatic, and BackstopJS. It captures screenshots, compares them against baselines, and analyzes visual differences to identify unintended UI changes. Use this skill when the user requests

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
jeremylongshore
Category
Testing
Views
2
GitHub repo

About this skill

This skill enables Claude to execute visual regression tests using tools like Percy, Chromatic, and BackstopJS. It captures screenshots, compares them against baselines, and analyzes visual differences to identify unintended UI changes. Use this skill when the user requests visual testing, UI change verification, or regression testing for a web application or component. Trigger phrases include \

How to use

  1. Zainstaluj skill w swoim środowisku Claude'a, wskazując repozytorium autora (jeremylongshore) i ścieżkę do skill-adapter.

  2. Aktywuj skill, używając jednej z fraz wyzwalających: "visual test", "UI regression", "check visual changes" lub polecenia "/visual-test" w rozmowie z Claude'em.

  3. Prześlij żądanie testowania wizualnego, na przykład: "Run a visual test on the homepage to check for any UI regressions after the latest feature update" — Claude przechwyci zrzut ekranu strony i porówna go z obrazem bazowym.

  4. Claude automatycznie porówna przechwycony zrzut ekranu z ustaloną linią bazową i zidentyfikuje wszelkie różnice wizualne między wersjami.

  5. Przejrzyj raport z wykrytymi zmianami wizualnymi — skill wyróżni potencjalne regresje UI i pokaże, gdzie doszło do niezamierzonych zmian w interfejsie.

  6. Wykorzystaj wyniki do weryfikacji spójności wizualnej aplikacji na różnych przeglądarkach lub środowiskach, lub zintegruj testy z automatycznym pipeline'em CI/CD.

Related skills

crypto-research

by stevengonsalvez

Comprehensive cryptocurrency market research and analysis using specialized AI agents. Analyzes market data, price trends, news sentiment, technical indicators, macro correlations, and investment opportunities. Use when researching cryptocurrencies, analyzing crypto markets,

Testing
14118

differential-review

by trailofbits

Performs security-focused differential review of code changes (PRs, commits, diffs). Adapts analysis depth to codebase size, uses git history for context, calculates blast radius, checks test coverage, and generates comprehensive markdown reports. Automatically detects and

Testing
2510

go-dev-guidelines

by jumppad-labs

This skill should be used when writing, refactoring, or testing Go code. It provides idiomatic Go development patterns, TDD-based workflows, project structure conventions, and testing best practices using testify/require and mockery. Activate this skill when creating new Go

Testing
1190

lean4-theorem-proving

by cameronfreer

Use when developing Lean 4 proofs, facing type class synthesis errors, managing sorries/axioms, or searching mathlib - provides build-first workflow, instance management patterns (haveI/letI), and domain-specific tactics

Testing
9108

textual

by KyleKing

Expert guidance for building TUI (Text User Interface) applications with the Textual framework. Invoke when user asks about Textual development, TUI apps, widgets, screens, CSS styling, reactive programming, or testing Textual applications.

Testing
69192

testing-workflow

by amo-tech-ai

Comprehensive testing workflow for E2E, integration, and unit tests. Use when testing applications layer-by-layer, validating user journeys, or running test suites.

Testing
1076