backpack

Self-improving multi-agent review orchestrator for Backpack component PRs. Runs 6 parallel specialist agents (including a learned-patterns agent that mines past PR comments), then confidence-scores findings. Use for PR review, Constitution compliance checks, and pre-merge validation. Run with "learn" to mine recent PRs and auto-update checklist rules.

Migrate React components from external Skyscanner repositories (e.g., carhire-homepage) into Backpack design system components. Use when: (1) Component exists in app-specific repo with "unstable_backpack" or similar prefix, (2) Component needs to be promoted to official Backpack component, (3) Converting app code to follow Backpack constitution, (4) Extracting reusable UI patterns from product repos. Covers GitHub API access, Backpack naming conventions, modern Sass API, TypeScript patterns, license headers, accessibility testing, and Storybook integration. MANDATORY: Component must pass full test suite (pnpm run lint && pnpm run check-react-versions && pnpm run check-bpk-dependencies && pnpm run jest) with 0 errors before acceptance.

Migrate a Backpack component's SCSS mixin from static SASS tokens to CSS custom properties (CSS vars) for light/dark mode support, while preserving SASS tokens as fallbacks. Use when: (1) a component needs light/dark mode theming via the new CSS var system, (2) a component still uses bare SASS token values (e.g. tokens.$bpk-text-primary-day) instead of var() declarations, (3) you need to wire up BpkThemeProvider overrides to the new CSS var names. Covers the full migration: SCSS mixins, themeAttributes.tsx, stories, and tests.

Migrate a codebase from @skyscanner/backpack-web v41.x to v42.0. Handles BpkButtonV2 → BpkButton rename, deep import removal, and BpkAutosuggest legacy → V2 API migration. Use when upgrading Backpack to v42.