sf-lwc-review

Audit Lightning Web Components against a 300-point SLDS 2 design rubric.

15|Updated Jan 27, 2026
One-click install
npx skills add https://github.com/sfdc-brendan/Demo-Lab --skill sf-lwc-review
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sf-lwc-review
Source: https://github.com/sfdc-brendan/Demo-Lab/tree/main/skills/sf-lwc-review
Command: npx skills add https://github.com/sfdc-brendan/Demo-Lab --skill sf-lwc-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design quality audit and review for Lightning Web Components. Scores existing LWC code against SLDS 2 compliance, UX patterns, accessibility, styling quality, and visual hierarchy using a combined 300-point rubric across all design skills. Generates actionable fix lists and before/after improvement plans. Use when reviewing LWC code, auditing design quality, checking accessibility, or when the user mentions review, audit, score, lint, design debt, or quality check.

Core Features & Use Cases

  • Comprehensive LWC design audits against the 300-point rubric.
  • Actionable remediation lists with before/after improvement plans.
  • Guidance for common audit prompts and review scenarios.

Quick Start

Audit an LWC project folder to score design, UX, and styling against SLDS 2, generating actionable fixes and improvement plans.

Frequently Asked Questions about sf-lwc-review

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

FAQPage Schema
How do I audit Lightning Web Components for SLDS 2 compliance and accessibility?

You can audit Lightning Web Components by scoring them against a 300-point rubric across Design, UX, and Styling to surface SLDS 2 compliance issues, accessibility concerns, and visual debt to generate a prioritized improvement plan.

What is the best way to quantify design debt in an LWC codebase?

Quantifying design debt in an LWC codebase involves applying a 300-point design quality rubric to both individual component bundles and full projects, scoring UX patterns, accessibility, and visual hierarchy to produce actionable fix lists.

Can I review individual LWC bundles for UX and styling gaps?

Yes, you can apply design audits to individual Lightning Web Component bundles to identify specific UX gaps, styling quality issues, and SLDS 2 compliance problems, generating before and after improvement plans for targeted remediation.

Does the LWC design audit generate actionable remediation steps?

The LWC design audit generates actionable remediation lists and before and after improvement plans by identifying and quantifying design quality gaps, driving a prioritized improvement plan for your codebase.

How do I check my LWC code against a design quality rubric?

Checking LWC code against a design quality rubric involves evaluating Design, UX, and Styling categories using a combined 300-point scoring system to identify SLDS 2 compliance issues and visual debt.