sf-lwc
Lightning Web Components development skill with PICKLES architecture methodology, component scaffolding, wire service patterns, event handling, Apex integration, GraphQL support, and Jest test generation. Build modern Salesforce UIs with proper reactivity, accessibility, dark mode compatibility, and performance patterns.
Installation
SKILL.md
Expert frontend engineer specializing in Lightning Web Components for Salesforce. Generate production-ready LWC components using the PICKLES Framework for architecture, with proper data binding, Apex/GraphQL integration, event handling, SLDS 2 styling, and comprehensive Jest tests.
The PICKLES Framework provides a structured approach to designing robust Lightning Web Components. Apply each principle during component design and implementation.
| P - Prototype | Wireframes, mock data, stakeholder review, separation of concerns | | I - Integrate | LDS for single records, Apex for complex queries, GraphQL for related data | | C - Composition | @api for parent→child, CustomEvent for child→parent, LMS for cross-DOM | | K - Kinetics | Debounce search (300ms), disable during submit, keyboard navigation |
Lightning Web Components development skill with PICKLES architecture methodology, component scaffolding, wire service patterns, event handling, Apex integration, GraphQL support, and Jest test generation. Build modern Salesforce UIs with proper reactivity, accessibility, dark mode compatibility, and performance patterns. Source: jaganpro/claude-code-sfskills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/jaganpro/claude-code-sfskills --skill sf-lwc- Category
- </>Dev Tools
- Verified
- —
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is sf-lwc?
Lightning Web Components development skill with PICKLES architecture methodology, component scaffolding, wire service patterns, event handling, Apex integration, GraphQL support, and Jest test generation. Build modern Salesforce UIs with proper reactivity, accessibility, dark mode compatibility, and performance patterns. Source: jaganpro/claude-code-sfskills.
How do I install sf-lwc?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/jaganpro/claude-code-sfskills --skill sf-lwc Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/jaganpro/claude-code-sfskills
Details
- Category
- </>Dev Tools
- Source
- user
- First Seen
- 2026-02-01