Skyscanner
Official@skyscanner · Everywhere
Offers standardized design system integration and code quality governance for React-based component architectures and interface consistency.
Agent Skills by Skyscanner
Showing 4 vetted skills indexed across 1 GitHub repositories.
Skyscannerbackpack-css-vars-migration
Migrate Backpack component SCSS mixins from SASS tokens to CSS custom properties for theming.
Skyscannerbackpack-v42-migration
Migrates codebases from @skyscanner/backpack-web v41 to v42 with scripted and manual workflows.
Skyscannerbackpack-code-review-checklist
Apply a Backpack component code-review checklist covering API encapsulation, Sass tokens, accessibility, and documentation.
Skyscannerbackpack-external-component-migration
Migrate external React components into Backpack design-system components.
Frequently Asked Questions About Skyscanner
FAQPage SchemaWhat specific tasks are enabled by these design system skills?▼
These skills enable the systematic migration of external React components into the Backpack design system and provide a structured checklist for reviewing code quality, ensuring proper Sass token usage, API encapsulation, and adherence to accessibility standards across interface development.
Which personas benefit from these design system resources?▼
Frontend engineers, UI developers, and design system maintainers benefit from these resources. They are specifically designed for teams managing large-scale React applications who need to enforce strict visual consistency and technical quality gates during the component lifecycle.
What are the prerequisites for implementing these component migration skills?▼
Implementation requires an existing React-based codebase and the integration of the Backpack design system library. Developers must have a working knowledge of Sass token structures and current accessibility compliance standards to effectively utilize the provided review checklists and migration patterns.