visual-regression

Description

Setup visual regression testing with Storybook stories, configuration, and CI/CD workflows. Supports Chromatic, Percy, BackstopJS. Auto-invoke when user says "set up visual regression", "add Chromatic tests", "add screenshot testing", or "set up Percy".

Tool Access

4 tools

Limited to specific tools

Supporting Files

12 files

Additional assets for this skill

Tool Access

This skill is limited to using the following tools:

ReadWriteBashGlob

Supporting Assets

examples/design-system-vr.md

examples/existing-storybook-vr.md

examples/simple-component-vr.md

functions/chromatic_config_generator.py

functions/ci_workflow_generator.py

functions/story_generator.py

functions/vr_setup_validator.py

templates/chromatic-config.json.j2

templates/github-workflow.yml.j2

templates/gitlab-ci.yml.j2

templates/story-template.tsx.j2

templates/storybook-main.js.j2

Links

GitHub Stats

2 forks

Updated 6 days ago

Related Skills

Plugin Structure

46.0K

This skill should be used when the user asks to "create a plugin", "scaffold a plugin", "understand plugin structure", "organize plugin components", "set up plugin.json", "use ${CLAUDE_PLUGIN_ROOT}", "add commands/agents/skills/hooks", "configure auto-discovery", or needs guidance on plugin directory layout, manifest configuration, component organization, file naming conventions, or Claude Code plugin architecture best practices.

From plugin-dev

Plugin Settings

46.0K

This skill should be used when the user asks about "plugin settings", "store plugin configuration", "user-configurable plugin", ".local.md files", "plugin state files", "read YAML frontmatter", "per-project plugin settings", or wants to make plugin behavior configurable. Documents the .claude/plugin-name.local.md pattern for storing plugin-specific configuration with YAML frontmatter and markdown content.

From plugin-dev

Skill Development

46.0K

This skill should be used when the user wants to "create a skill", "add a skill to plugin", "write a new skill", "improve skill description", "organize skill content", or needs guidance on skill structure, progressive disclosure, or skill development best practices for Claude Code plugins.

From plugin-dev