Do I need to configure environment secrets manually?

The skill generates the necessary workflow code and provides a checklist of secrets (like VERCEL_TOKEN or CHROMATIC_PROJECT_TOKEN) you need to add to your GitHub repository settings.

What CI/CD providers does this skill support?

The skill primarily generates GitHub Actions workflows, offering deployment configurations for Vercel, Netlify, GitHub Pages, and AWS S3.

Can I use this for accessibility testing?

Yes, the generated pipelines include steps for automated interaction tests and accessibility checks to ensure your components meet WCAG standards.

Does it include visual regression testing?

Yes, it provides out-of-the-box configuration for Chromatic, allowing you to capture screenshots and approve visual changes directly within your PRs.

Does it support monorepos?

While optimized for standard Storybook installations, the generated YAML can be easily adapted for monorepo structures like Turbo or Nx.

Storybook CI/CD Generator

Name: Storybook CI/CD Generator
Author: flight505

byflight505

Despliegue y DevOps

Automates the creation of production-ready CI/CD pipelines for Storybook deployment, visual regression testing, and automated quality checks.

Acerca de

The Storybook CI/CD Generator skill streamlines the DevOps workflow for frontend teams by automatically configuring comprehensive GitHub Actions pipelines. It integrates essential development practices such as Chromatic for visual regression, automated interaction and accessibility testing, and seamless deployment to platforms like Vercel or Netlify. By generating standardized, high-quality workflow files, it enables teams to establish robust PR preview environments and maintain visual consistency across component libraries with minimal manual effort.

Características Principales

Pull Request preview comments with live URLs
Automated GitHub Actions workflow generation
Multi-platform deployment support (Vercel, Netlify, AWS S3)
0 GitHub stars
Bundle size tracking and performance analysis
Integrated Chromatic visual regression testing

Casos de Uso

Standardizing CI/CD workflows across multiple frontend repositories
Adding robust deployment pipelines to an existing React or Vue component library
Setting up a new Storybook project with automated visual testing and PR previews

Acerca de

Características Principales

Pull Request preview comments with live URLs
Automated GitHub Actions workflow generation
Multi-platform deployment support (Vercel, Netlify, AWS S3)
0 GitHub stars
Bundle size tracking and performance analysis
Integrated Chromatic visual regression testing

Casos de Uso

Standardizing CI/CD workflows across multiple frontend repositories
Adding robust deployment pipelines to an existing React or Vue component library
Setting up a new Storybook project with automated visual testing and PR previews