What problem does it solve? Setting up visual regression testing manually requires reading Storybook and Chromatic documentation, writing story files for every component variant, configuring the VR tool, and wiring up CI pipelines, which typically takes hours per project. ## Core Features & Use Cases - Automated Story Generation: Parses React, Vue, or Svelte components to extract props and variants, then generates complete .stories.tsx files with accessibility tests. - Multi-Tool Configuration: Creates configuration files for Chromatic, Percy, or BackstopJS and updates .storybook/main.js and package.json scripts non-destructively. - CI/CD Workflow Generation: Detects GitHub Actions, GitLab CI, or CircleCI and produces ready-to-commit pipeline files with correct Node versions and package managers. - Use Case: A developer says "Set up visual regression for ProfileCard" and receives a story file with all prop variants, a chromatic.config.json, an updated Storybook config, and a GitHub Actions workflow in minutes. ## Quick Start Ask the assistant to set up visual regression testing for a specific component such as src/components/ProfileCard.tsx using Chromatic.
