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