backpack-css-vars-migration
backpack-css-vars-migration is a CSS & styling skill for AI agents, published by Skyscanner in the backpack repository on GitHub. Skillspace rates backpack-css-vars-migration D (62/100) and it passed the safety scan; the rating is based on static analysis only.
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.
- Grade
- D
- Quality
- 62 / 100
- Safety
- Passed
- GitHub stars
- 542
Unproven: rated by static analysis only, not yet compared head-to-head.
Our two independent classifiers differ on this skill's category, so treat the placement as provisional.
This rating describes the version of the repository we crawled; it may have changed since, so go by its current files.
Our review
- Architecture
- 84 / 100
- Maturity
- Basic: a single SKILL.md
- Security scan
- Low-risk patterns
- License
- Apache-2.0
- Adoption
- Adopted by 0 other repositories, in 0 collections
What the scanner flagged
- mentions secrets in text
Not checked yet
- Not judged on the rubric yet (not a contender in its category)
- No blind task eval yet
- Scope (portable / vendor / repo-internal) not assessed; only the top of each category is read for scope
- Sibling files (scripts, references) not fetched; security scan covers SKILL.md only
Skillspace indexes and rates this skill; it does not host or endorse it. Run third-party skills at your own risk.