Design Systems Slds Validate

This audits Lightning Web Components against SLDS standards and spits out a scored quality report with letter grades. It runs the official SLDS linter for class overrides and hardcoded values, then layers on supplementary checks the linter doesn't cover: CSS theming hook pairing, invented hook detection against the actual metadata, accessibility attributes on Lightning base components, and common footguns like inline styles or clickable divs. The scoring is transparent, five categories with published weights, and it forces a manual review gate for things you can't automate like loading states and blueprint compliance. Use it when you need a pre-merge quality gate or want to benchmark component health before refactoring.

Install to Claude Code

npx -y skills add forcedotcom/sf-skills --skill design-systems-slds-validate --agent claude-code