skills.rest
SkyscannerSkyscannerOfficial·4 Agent Skills Included

backpack

Migrate, review, and standardize Skyscanner Backpack design system components

Migrates React components into the Skyscanner Backpack design system and upgrades codebases across breaking versions like v42. Reviews pull requests with parallel specialist agents that check accessibility, Sass tokens, licensing, and known bug patterns. Eliminates manual checklist work, inconsistent styling, and repeated review feedback so teams ship compliant UI components faster.
543|211
↗
npx skills add Skyscanner/backpack --all -g -y
Available:

Gives the AI agent full context on Backpack's architecture, naming conventions, design tokens, and testing rules so it can build and review components that meet design system standards.

All Skills in This Repository (4)

Pure Emerald Level Indicators
📦 In Repo
SkyscannerSkyscanner

backpack-code-review-checklist

Apply a Backpack component code-review checklist covering API encapsulation, Sass tokens, accessibility, and documentation.

Official
Advanced
📦 In Repo
SkyscannerSkyscanner

backpack-external-component-migration

Migrate external React components into Backpack design-system components.

Official
Advanced
📦 In Repo
SkyscannerSkyscanner

backpack-css-vars-migration

Migrate Backpack component SCSS mixins from SASS tokens to CSS custom properties for theming.

Official
Advanced
📦 In Repo
SkyscannerSkyscanner

backpack-v42-migration

Migrates codebases from @skyscanner/backpack-web v41 to v42 with scripted and manual workflows.

Official
Advanced

Frequently Asked Questions

FAQPage Schema
How to install Backpack skills?▼

Run `npx skills add Skyscanner/backpack --all -g -y` in your terminal to install all skills in this suite globally.

How to migrate a component into the Backpack design system?▼

The external component migration skill converts app-specific React components into official Backpack components with correct naming, Sass tokens, accessibility tests, and Storybook stories.

How to upgrade from Backpack v41 to v42?▼

The v42 migration skill scans your codebase, renames BpkButtonV2 imports, removes deep imports, and guides you through the BpkAutosuggest API changes file by file.

Can AI review Backpack pull requests automatically?▼

Yes. The code review skill runs six parallel specialist agents covering constitution rules, Sass tokens, accessibility, history, and bugs, then confidence-scores findings to filter out false positives.

Do these skills work with Claude Code and other AI agents?▼

Yes. All skills follow the standard SKILL.md format and run in Claude Code, Cursor, and other compatible AI coding agents.

Related Repositories in Design & Creative

View All in Design & Creative→
nextlevelbuildernextlevelbuilder
123.5k

ui-ux-pro-max-skill

AI design intelligence for professional UI, brands, and presentations

Official📦 13 Skills
shadcn-uishadcn-ui
122.7k

ui

Build and customize beautiful React component libraries with AI

Official📦 2 Skills
nexu-ionexu-io
93.2k

open-design

Open-source AI design studio for decks, prototypes, images, and video

Official📦 394 Skills