Skills
.Work. You
Rest

qa-storybook

Official

Catch Storybook regressions before release

Software Engineering#accessibility#playwright#storybook#component testing#visual regression#responsive testing
AuthorVirtoCommerce
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps QA teams detect visual, responsive, accessibility, and interaction regressions in Storybook components before they reach production.

Core Features & Use Cases

  • Visual Regression Testing: Validate component appearances across states, themes, and responsive breakpoints using deterministic screenshot workflows.
  • Component Quality Checks: Test rendering, accessibility, interactions, edge cases, and composition patterns for Atomic Design components.
  • Use Case: A frontend team can use this Skill to verify Button, ProductCard, Dialog, and other Storybook components after UI changes and generate regression reports with affected states and viewports.

Quick Start

Use the qa-storybook skill to test the Button component in Storybook for visual regressions, responsive behavior, and interaction issues.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: qa-storybook
Download link: https://github.com/VirtoCommerce/vc-mcp-testing-module/archive/main.zip#qa-storybook

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 545,000+ vetted skills library on demand.