backpack-external-component-migration

Official

Migrate external components to Backpack design system

AuthorSkyscanner
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Migrates external React components into Backpack design system components, ensuring they follow the Backpack conventions, licensing, and testing requirements to be reusable across Skyscanner apps.

Core Features & Use Cases

  • Discovery and assessment of external components for migration readiness.
  • Refactoring into Backpack component structure with TS, SCSS tokens, tests, and Storybook stories.
  • Verification and acceptance gating through lint, version checks, dependency checks, and 100% test coverage.

Quick Start

Coordinate a migration by selecting an external component and applying the Backpack migration template and verification steps.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: backpack-external-component-migration
Download link: https://github.com/Skyscanner/backpack/archive/main.zip#backpack-external-component-migration

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.