forcedotcom avatar

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-code

Installs 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 GitHub

Sponsors

Details

Repository
github.com/forcedotcom/afv-library
First seen
Jun 3, 2026

More from forcedotcom/afv-library

All 58

Recommended

1juliusbrussee avatarcavemanjuliusbrussee/cavemanUltra-compressed communication mode. Cuts output tokens 65% (measured) by speaking like caveman while keeping full technical accuracy. Supports intensity levels618.3Kskills.sh installs
2mattpocock avatargrill-memattpocock/skillsA relentless interview to sharpen a plan or design.1.5Mskills.sh installs
3shadcn avatarimproveshadcn/improveSurvey any codebase as a senior advisor and produce prioritized, self-contained implementation plans for OTHER models/agents to execute. Strictly read-only on s40Kskills.sh installs
4obra avatarsystematic-debuggingobra/superpowersUse when encountering any bug, test failure, or unexpected behavior, before proposing fixes326.7Kskills.sh installs
5forrestchang avatarkarpathy-guidelinesforrestchang/andrej-karpathy-skillsBehavioral guidelines to reduce common LLM coding mistakes through explicit assumptions, simplicity, and verifiable success criteria.17.9Kskills.sh installs
6vercel-labs avatarfind-skillsvercel-labs/skillsHelps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express int4.3Mskills.sh installs