Chromatic CI Setup

Set up Chromatic visual testing automation in CI/CD pipelines.

This skill is the single source of truth for:

• detecting which CI provider the project uses
• fetching the current Chromatic docs for that provider
• generating CI configuration files for Chromatic
• setting up the project token secret

Quick start

1. Read reference/ci-detection.md to identify the CI provider from existing config files.
2. If no CI config is found, ask the user which CI provider they use.
3. Read reference/package-manager.md and detect the package manager from lockfiles.
4. Look up the provider's docs URL in reference/docs-map.md and fetch it with WebFetch.
5. For non-GitHub-Actions providers: check package.json for a chromatic devDependency and script — add them if missing. Skip this step for GitHub Actions.
6. Generate or update the CI configuration using the fetched docs and the detected package manager.
7. Render the setup checklist using reference/output-contract.md.