
Generating Lwc Components
This is a comprehensive LWC development skill built around the PICKLES methodology and a 165-point quality rubric. It handles component scaffolding, wire service patterns, Apex and GraphQL integration, SLDS 2 styling with dark mode support, and Jest unit tests. The skill includes practical asset templates for common patterns like datatables, modals, Flow screen components, and LMS pub/sub, plus detailed reference docs on accessibility, performance, and state management. It knows when to delegate to other skills for Apex controllers or deployment work. The local dev preview commands are a nice touch for hot reload without constant org deployments. If you're building LWC on Salesforce and want structured guidance that goes beyond basic component generation, this brings real depth to the table.
- skills.sh installs
- 541
- GitHub stars
- 705
- last updated
- Jul 14, 2026
Install
$ npx -y skills add forcedotcom/afv-library --skill generating-lwc-components --agent claude-codeInstalls into .claude/skills of the current project.
Files
This is a comprehensive LWC development skill built around the PICKLES methodology and a 165-point quality rubric. It handles component scaffolding, wire service patterns, Apex and GraphQL integration, SLDS 2 styling with dark mode support, and Jest unit tests. The skill includes practical asset templates for common patterns like datatables, modals, Flow screen components, and LMS pub/sub, plus detailed reference docs on accessibility, performance, and state management. It knows when to delegate to other skills for Apex controllers or deployment work. The local dev preview commands are a nice touch for hot reload without constant org deployments. If you're building LWC on Salesforce and want structured guidance that goes beyond basic component generation, this brings real depth to the table.
Browse the repository on GitHubSponsors
Details
- Repository
- github.com/forcedotcom/afv-library
- First seen
- Jun 3, 2026
More from forcedotcom/afv-library
All 58- Querying Soql540
- Developing Datacloud Code Extension539
- Fetching Salesforce Docs537
- Getting Datacloud Schema536
- Deploying Metadata534
- Debugging Apex Logs532
- Handling Sf Data532
- Generating Mermaid Diagrams531
- Generating Visual Diagrams531
- Running Apex Tests531
- Configuring Connected Apps526
- Building Sf Integrations523
- Retrieving Datacloud523
- Activating Datacloud522
- Harmonizing Datacloud520
- Connecting Datacloud519
- Orchestrating Datacloud519
- Preparing Datacloud519
- Segmenting Datacloud518
- Building Omnistudio Flexcard511
- Analyzing Omnistudio Dependencies510
- Building Omnistudio Callable Apex509
- Building Omnistudio Integration Procedure509
- Deploying Omnistudio Datapacks509