Uplifting Components To Slds2

This handles the grunt work of migrating Lightning Web Components from SLDS 1 to SLDS 2 by running the linter, then walking you through fixes for each violation type. It covers all six styling hook categories (color, spacing, sizing, typography, borders, shadows) and knows the four main linter rules you'll hit: hardcoded values, deprecated LWC tokens, class overrides, and legacy token syntax. The class override fixes are easy to miss since they require changes to both CSS and markup, so it explicitly calls that out. Color hooks need context and judgment, while the numbered scales for spacing and sizing are mostly mechanical. Use it when you're staring at linter output and need the decision trees and fallback patterns to get to zero errors.

Install to Claude Code

npx -y skills add forcedotcom/sf-skills --skill uplifting-components-to-slds2 --agent claude-code