generating-lwc-components
PopularLightning 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 generating-apex), Aura components, or Visualforce.
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 generating-apex), Aura components, or Visualforce.
generating-lwc-components: 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 generating-lwc-components 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 → generating-apex
-
building Flow XML rather than an LWC screen component → generating-flow
-
deploying metadata → deploying-metadata
