Skills
.Work. You
Rest

design-systems-slds-validate

Community

Score SLDS quality before you ship

Software Engineering#theming#code review#accessibility#quality audit#slds#lwc#scorecard
Authorangryracoon
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill removes the guesswork from reviewing Lightning Web Components by turning SLDS compliance and production-readiness checks into a structured quality scorecard.

Core Features & Use Cases

  • Automated SLDS audit: Runs a score-based review of component styling, accessibility attributes, and component usage patterns.
  • Supplementary static analysis: Checks CSS, HTML, and JavaScript for issues the linter may miss, including hook fallback usage, focus indicators, inline styles, and native element choices.
  • Manual review gate: Adds human judgment for loading states, error states, empty states, disabled states, semantic HTML, and blueprint compliance.
  • Use case: A developer can review a component before code review or release and quickly see whether it is ready to ship or still needs fixes.

Quick Start

Ask the skill to audit your LWC component and return an SLDS quality scorecard with the top issues and recommendation.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: design-systems-slds-validate
Download link: https://github.com/angryracoon/ARIEF-VISEO-DEV-ORG/archive/main.zip#design-systems-slds-validate

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 536,000+ vetted skills library on demand.