Experience Lwc Generate

This is the LWC skill for Salesforce's component framework. It triggers when you're building Lightning Web Components, touching anything in lwc folders, or working with wire services and Jest tests. Built around a PICKLES methodology and a 165-point scoring rubric, it covers component architecture, data patterns (LDS, Apex, GraphQL, LMS), SLDS 2 styling with dark mode support, accessibility checks, and Jest unit testing. The workflow pushes you to choose the right data access pattern first, validate for frontend quality, then hand off backend or deploy work to other skills. Includes a local dev server for hot reload preview and a reference library with component patterns, anti-patterns, and asset templates for common scenarios like datatables, Flow screens, and GraphQL pagination.

Install to Claude Code

npx -y skills add forcedotcom/sf-skills --skill experience-lwc-generate --agent claude-code