Design Systems Slds2 Migrate

This walks you through migrating Lightning Web Components from SLDS 1 to SLDS 2, which is honestly more tedious than difficult. It runs the SLDS linter first (mandatory step), then guides you through fixing the four violation types: hardcoded values, deprecated LWC tokens, class overrides, and legacy token syntax. The color hook selection requires actual thought since context matters, but spacing, sizing, and typography are just numbered scales. The class override fixes trip people up because you need to update both CSS and markup, keeping the original SLDS class in the HTML. Includes validation checklists and repeats the linter loop until you hit zero errors.

Install to Claude Code

npx -y skills add forcedotcom/sf-skills --skill design-systems-slds2-migrate --agent claude-code