Applying Slds

If you're building on Salesforce and need to apply their design system correctly, this teaches Claude how to navigate SLDS v2's massive catalog of 1,732 icons, 1,147 utility classes, 523 styling hooks, and 85 blueprints. It's specifically updated for the modern token syntax, leaving behind the old lwc and slds modifier patterns. The companion validation skill only checks CSS, HTML, and JS files, so if you're working in JSX or TSX you'll need to eyeball some things yourself. Worth having if you're tired of hunting through SLDS docs or getting the markup wrong for Lightning components.

Install to Claude Code

npx -y skills add forcedotcom/sf-skills --skill applying-slds --agent claude-code