skills.rest
Collabalist
CollabalistCOMMUNITY
Explore all skills by this author →
GitHub

validating-slds

Audit Salesforce Lightning Web Components for SLDS compliance and generate a scored quality report.

Updated Jun 1, 2026
Search Tags:#code review#accessibility#quality audit#LWC#SLDS compliance
One-click install
npx skills add https://github.com/Collabalist/SFDC --skill validating-slds
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: validating-slds
Source: https://github.com/Collabalist/SFDC/tree/main/.agents/skills/validating-slds
Command: npx skills add https://github.com/Collabalist/SFDC --skill validating-slds

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @salesforce-ux/slds-linter, pypdf, pdfplumber, pdf2image, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill audits Lightning Web Components (LWC) for Salesforce Lightning Design System (SLDS) compliance, providing a scored quality report and ensuring accessibility.

Core Features & Use Cases

  • SLDS Compliance Check: Runs the SLDS linter, analyzes CSS for theming and pairing, checks HTML for accessibility, and scores findings.
  • Quality Report: Generates a comprehensive report with automated scores and manual review gate.
  • Use Case: When you need to assess the quality and compliance of an LWC component before deployment.

Quick Start

Run the skill to audit the SLDS compliance of the LWC component in the current directory.

Frequently Asked Questions about validating-slds

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

FAQPage Schema
How do I check my LWC component for SLDS compliance before deployment?▼

SLDS compliance checks run the Salesforce Lightning Design System linter, analyze LWC CSS and HTML for theming and accessibility, and generate a scored quality report to validate components before deployment.

What does an SLDS compliance audit analyze in Lightning Web Components?▼

An SLDS compliance audit analyzes LWC CSS for theming and pairing, checks HTML for accessibility standards, runs the slds-linter, and outputs a comprehensive scored quality report for manual review.

Do I need Python to run an SLDS quality audit on LWC code?▼

Yes, Python scripts handle supplementary analysis during the SLDS quality audit, requiring libraries like pdfplumber and pdf2image to process generated reports alongside the slds-linter for LWC components.

Can I automate accessibility checks for Salesforce Lightning Web Components?▼

You can automate accessibility checks by running an SLDS compliance audit that analyzes LWC HTML structure, scores accessibility findings, and generates a report with a manual review gate for quality validation.

What is the best way to score LWC component quality against Salesforce Lightning Design System standards?▼

The best way to score LWC quality is running an SLDS compliance audit that lints code, analyzes CSS pairing and HTML accessibility, then generates a comprehensive scored quality report for manual review.

Why does my SLDS linter audit require a hooks-index.json file?▼

The SLDS linter audit requires hooks-index.json to provide valid hook tokens, which the Skill uses to orchestrate the linter and Python supplementary analysis for generating the final quality report.

Related Skills

Explore More Software Engineering Skills→
forcedotcomforcedotcom
803

uplifting-components-to-slds2

Migrate LWC styling from SLDS 1 to SLDS 2 with hook-based replacements.

Official
Intermediate
angryracoonangryracoon

design-systems-slds-apply

Apply SLDS v2-compliant styling to Salesforce user interfaces.

Community
Advanced
eastreamseastreams
641

pdf

Extract text and structured data from PDF files using Python libraries.

Official
Intermediate
padjeipadjei

design-systems-slds-validate

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

Community
Advanced