Back to skills
SkillHub ClubDesign ProductTestingFrontendDesigner

visual-regression

Automates visual regression test setup for Storybook components. Detects existing project config and frameworks, generates story files and CI workflows for Chromatic, Percy, or BackstopJS. Skips story generation if files already exist and provides setup instructions.

Packaged view

This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.

Stars
159
Hot score
96
Updated
March 20, 2026
Overall rating
A8.9
Composite score
6.3
Best-practice grade
C62.8

Install command

npx @skill-hub/cli install alekspetrov-navigator-visual-regression
visual-testingstorybookci-cdfrontendcomponent-testing

Repository

alekspetrov/navigator

Skill path: skills/visual-regression

Automates visual regression test setup for Storybook components. Detects existing project config and frameworks, generates story files and CI workflows for Chromatic, Percy, or BackstopJS. Skips story generation if files already exist and provides setup instructions.

Open repository

Best for

Primary workflow: Design Product.

Technical facets: Testing, Frontend, Designer.

Target audience: Testing teams looking for install-ready agent workflows..

License: Unknown.

Original source

Catalog source: SkillHub Club.

Repository owner: alekspetrov.

This is still a mirrored public skill entry. Review the repository before installing into production workflows.

What it helps with

  • Install visual-regression into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
  • Review https://github.com/alekspetrov/navigator before adding visual-regression to shared team environments
  • Use visual-regression for testing workflows

Works across

Claude CodeCodex CLIGemini CLIOpenCode

Favorites: 0.

Sub-skills: 0.

Aggregator: No.

visual-regression | SkillHub