Apply SLDS-compliant UI using the correct blueprints, styling hooks, utility classes, and icons. Use when building any UI that needs SLDS, choosing between Lightning Base Components and SLDS Blueprints, applying styling hooks for theming, using utility classes for layout and spacing, or selecting icons.
Install
npx skills add forcedotcom/sf-skills --skill design-systems-slds-applynpx skills add forcedotcom/sf-skills --skill design-systems-slds-apply -a claude-code -gnpx skills add forcedotcom/sf-skills --skill design-systems-slds-apply -a codex -ggemini skills install https://github.com/forcedotcom/sf-skills.git --path skills/design-systems-slds-applygh skill install forcedotcom/sf-skills design-systems-slds-applygit clone --depth 1 https://github.com/forcedotcom/sf-skills /tmp/forcedotcom__sf-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/forcedotcom__sf-skills/skills/design-systems-slds-apply ~/.claude/skills/design-systems-slds-apply # Claude Code
cp -R /tmp/forcedotcom__sf-skills/skills/design-systems-slds-apply ~/.agents/skills/design-systems-slds-apply # Codex, Cursor, Gemini CLI, Copilot, OpenCode