sf-lwc
✓Lightning Web 組件開發技能，包括 PICKLES 架構方法、組件腳手架、有線服務模式、事件處理、Apex 集成、GraphQL 支持和 Jest 測試生成。構建具有適當反應性、可訪問性、暗模式兼容性和性能模式的現代 Salesforce UI。
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 組件開發技能，包括 PICKLES 架構方法、組件腳手架、有線服務模式、事件處理、Apex 集成、GraphQL 支持和 Jest 測試生成。構建具有適當反應性、可訪問性、暗模式兼容性和性能模式的現代 Salesforce UI。 來源：jaganpro/sf-skills。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/jaganpro/sf-skills --skill sf-lwc- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 sf-lwc？
Lightning Web 組件開發技能，包括 PICKLES 架構方法、組件腳手架、有線服務模式、事件處理、Apex 集成、GraphQL 支持和 Jest 測試生成。構建具有適當反應性、可訪問性、暗模式兼容性和性能模式的現代 Salesforce UI。 來源：jaganpro/sf-skills。
如何安裝 sf-lwc？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/jaganpro/sf-skills --skill sf-lwc 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/jaganpro/sf-skills
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-01