design-systems-slds-validate

Validate Lightning Web Components for SLDS compliance and generate a detailed scorecard.

Updated Jul 2, 2026
One-click install
npx skills add https://github.com/padjei/SF_Agents --skill design-systems-slds-validate-padjei
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-systems-slds-validate
Source: https://github.com/padjei/SF_Agents/tree/main/.claude/skills/design-systems-slds-validate
Command: npx skills add https://github.com/padjei/SF_Agents --skill design-systems-slds-validate-padjei

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @salesforce-ux/slds-linter, analyze-quality.cjs, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill quickly audits Lightning Web Components (LWC) for SLDS compliance and generates a scorecard to evaluate quality and readiness.

Core Features & Use Cases

  • Automated SLDS Compliance Audit: Checks LWC for adherence to Salesforce Lightning Design System (SLDS) guidelines.
  • Comprehensive Scorecard: Provides a detailed scorecard that includes linter compliance, theming, accessibility, code quality, and component usage.
  • Use Case: When a user wants to evaluate the quality and compliance of an LWC component before deployment.

Quick Start

Run the design-systems-slds-validate skill on your LWC component to generate an automated quality scorecard.

Frequently Asked Questions about design-systems-slds-validate

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit SLDS compliance for my Lightning Web Components?

An SLDS compliance audit validates Lightning Web Components against Salesforce Lightning Design System guidelines using a dedicated linter and static analysis. It generates a detailed scorecard covering linter compliance, theming, accessibility, and code quality.

What is included in an SLDS compliance scorecard for LWC?

An SLDS compliance scorecard evaluates LWC readiness by combining automated scoring and manual review outcomes. It covers linter compliance, theming, accessibility, code quality, and component usage to provide a detailed quality assessment.

Do I need the SLDS linter installed to validate my LWC components?

Yes, validating LWC components requires the @salesforce-ux/slds-linter and additional static analysis tools as dependencies. These are necessary to perform the comprehensive SLDS compliance checks and generate the automated quality scorecard.

Can I evaluate LWC component quality before deployment to Salesforce?

Yes, you can evaluate LWC component quality and SLDS compliance before deployment by running an automated audit. This generates a scorecard that highlights linter compliance, accessibility, and code quality issues to address prior to release.

What's the best way to check Lightning Web Components for accessibility and theming issues?

The best way to check Lightning Web Components for accessibility and theming issues is to run an SLDS compliance audit that combines linter checks with static analysis. This approach handles various component complexity levels and produces a detailed scorecard.

Does SLDS validation work with complex Lightning Web Components?

Yes, SLDS validation handles various LWC component complexity levels using both the SLDS linter and additional static analysis. It evaluates compliance and generates scorecards regardless of the component's structural complexity.