forcedotcom avatar

Validating Slds

This runs the Salesforce Lightning Design System linter against your LWC components and generates a compliance scorecard with a mandatory manual review step. It's built for auditing existing components, not fixing them or building new ones. The skill combines automated linter output with extra static analysis to catch things the linter misses, though it won't do full WCAG checks like contrast ratios or screen reader testing. It's from Salesforce's official skill repository and has passed all three security audits. If you're already running the SLDS linter directly, this mainly adds the structured audit workflow and supplementary checks on top of what you're doing.

skills.sh installs
987
GitHub stars
1.2K
last updated
Aug 21, 2026

Install

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

Installs into .claude/skills of the current project.

Files

This runs the Salesforce Lightning Design System linter against your LWC components and generates a compliance scorecard with a mandatory manual review step. It's built for auditing existing components, not fixing them or building new ones. The skill combines automated linter output with extra static analysis to catch things the linter misses, though it won't do full WCAG checks like contrast ratios or screen reader testing. It's from Salesforce's official skill repository and has passed all three security audits. If you're already running the SLDS linter directly, this mainly adds the structured audit workflow and supplementary checks on top of what you're doing.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/forcedotcom/sf-skills
Categories
Frontend Development, Git & Pull Requests, Code Review & Quality, Release Management, Design & UI/UX
First seen
Jul 14, 2026

More from forcedotcom/sf-skills

All 158
1alonw0 avatarweb-asset-generatoralonw0/web-asset-generatorGenerate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn. Use when users981skills.sh installs
2thienanblog avatarlaravel-11-12-app-guidelinesthienanblog/awesome-ai-agent-skillsGuidelines and workflow for working on Laravel 11 or Laravel 12 applications across common stacks (API-only or full-stack), including optional Docker Compose/Sa980skills.sh installs
3yofine avatarblueprinteryofine/skillsGenerate technical diagrams using HTML/CSS in Flat Engineering Blueprint style. Use when the user wants to create architecture diagrams, system diagrams, flowch979skills.sh installs
4angular avatarreference-signal-formsangular/angularExplains the mental model and architecture of the code under `packages/forms/signals`. You MUST use this skill any time you plan to work with code in `packages/977skills.sh installs
5andreev-danila avatarreanimated-skia-performanceandreev-danila/skillsWrite and review high-performance React Native animations and 2D graphics using react-native-reanimated (v4+) and @shopify/react-native-skia (Canvas scenes, run974skills.sh installs
6testdino-hq avatarplaywright-coretestdino-hq/playwright-skillBattle-tested Playwright patterns for writing and debugging reliable E2E, API, component, visual, accessibility, and security tests. Use when you need locator s966skills.sh installs