Agent skill · forcedotcom
experience-lwc-generate
Lightning Web Components with PICKLES methodology and 165-point scoring. Use this skill when the user creates or edits LWC components, builds wire service patterns, or writes Jest tests for LWC. TRIGGER when: user creates/edits LWC components, touches lwc/**/*.js, .html, .css, .js-meta.xml files, or asks about wire service, SLDS, or Jest LWC tests. DO NOT TRIGGER when: Apex classes (use platform-apex-generate), Aura components, or Visualforce.
What it needs
About 4k tokens when loaded.
What this skill does
experience-lwc-generate: Lightning Web Components Development Use this skill when the user needs Lightning Web Components: LWC bundles, wire patterns, Apex/GraphQL integration, SLDS 2 styling, accessibility, performance work, or Jest unit tests. When This Skill Owns the Task Use experience-lwc-generate when the work involves: lwc//.js, .html, .css, .js-meta.xml component scaffolding and bundle design wire service, Apex integration, GraphQL integration SLDS 2, dark mode, and accessibility work Jest unit tests for LWC Delegate elsewhere when the user is: writing Apex controllers or business logic first → platform-apex-generate building Flow XML rather than an LWC screen component → automation-flow-generate deploying metadata → platform-metadata-deploy --- Required Context to Gather First Ask for or infer: component purpose and target surface data source: LDS, Apex, GraphQL, LMS, or external system via Apex whether the user needs tests whether the component must run in Flow, App Builder, Experience Cloud, or dashboard contexts accessibility and styling expectations --- Recommended Workflow 1. Choose the right architecture Use the PICKLES mindset: prototype integrate the right data source compose component boundaries define interaction model use platform libraries optimize execution enforce security 2. Choose the right data access pattern Need Default pattern --- --- single-record UI LDS / getRecord simple CRUD form base record form components complex server query Apex @AuraEnabled(cacheable=true) related graph data GraphQL wire adapter cross-DOM communication Lightning Message Service 3. Start from an asset when useful Use provided assets for: basic component bundles datatables modal patterns Flow screen components GraphQL components LMS message channels Jest tests TypeScript-enabled components 4. Validate for frontend quality Check: accessibility SLDS 2 / dark mode compliance event contracts performance / rerender safety Jest coverage when required 5. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills forcedotcom/experience-lwc-generate--41aa24