sf-lwc by jaganpro/sf-skills
npx skills add https://github.com/jaganpro/sf-skills --skill sf-lwc当用户需要 Lightning Web Components 时使用此技能:LWC 捆绑包、连线模式、Apex/GraphQL 集成、SLDS 2 样式、无障碍访问、性能优化或 Jest 单元测试。
当工作涉及以下内容时,使用 sf-lwc:
lwc/**/*.js、.html、.css、.js-meta.xml当用户进行以下操作时,请委托给其他技能:
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
询问或推断:
使用 PICKLES 思维方式:
| 需求 | 默认模式 |
|---|---|
| 单记录用户界面 | LDS / getRecord |
| 简单的增删改查表单 | 基础记录表单组件 |
| 复杂的服务器查询 | Apex @AuraEnabled(cacheable=true) |
| 关联图数据 | GraphQL 连线适配器 |
| 跨 DOM 通信 | Lightning Message Service |
使用提供的资源处理:
检查:
使用:
@wire;对于显式操作和 DML 路径使用命令式调用renderedCallback() 中出现重新渲染循环完成时,按此顺序报告:
建议格式:
LWC 工作:<摘要>
模式:<连线 / apex / graphql / lms / flow-screen>
文件:<路径>
质量:<无障碍访问, SLDS2, 深色模式, Jest>
下一步:<部署, 添加控制器, 或运行测试>
| 需求 | 委托给 | 原因 |
|---|---|---|
| Apex 控制器或服务 | sf-apex | 后端逻辑 |
| 嵌入到 Flow 屏幕中 | sf-flow | 声明式编排 |
| 部署组件捆绑包 | sf-deploy | 组织内推广 |
| 创建元数据(如消息通道) | sf-metadata | 支持性元数据 |
| 分数 | 含义 |
|---|---|
| 150+ | 可用于生产的 LWC 捆绑包 |
| 125–149 | 强大的组件,仅需少量完善 |
| 100–124 | 功能正常,但建议进行审查 |
| < 100 | 需要显著改进 |
每周安装数
288
代码仓库
GitHub 星标数
219
首次出现
2026年1月22日
安全审计
安装于
codex275
opencode274
gemini-cli273
cursor272
github-copilot271
amp266
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.
Use sf-lwc when the work involves:
lwc/**/*.js, .html, .css, .js-meta.xmlDelegate elsewhere when the user is:
Ask for or infer:
Use the PICKLES mindset:
| 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 |
Use provided assets for:
Check:
Use:
@wire for reactive read-only use cases; imperative calls for explicit actions and DML pathsrenderedCallback()When finishing, report in this order:
Suggested shape:
LWC work: <summary>
Pattern: <wire / apex / graphql / lms / flow-screen>
Files: <paths>
Quality: <a11y, SLDS2, dark mode, Jest>
Next step: <deploy, add controller, or run tests>
| Need | Delegate to | Reason |
|---|---|---|
| Apex controller or service | sf-apex | backend logic |
| embed in Flow screens | sf-flow | declarative orchestration |
| deploy component bundle | sf-deploy | org rollout |
| create metadata like message channels | sf-metadata | supporting metadata |
| Score | Meaning |
|---|---|
| 150+ | production-ready LWC bundle |
| 125–149 | strong component with minor polish left |
| 100–124 | functional but review recommended |
| < 100 | needs significant improvement |
Weekly Installs
288
Repository
GitHub Stars
219
First Seen
Jan 22, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
codex275
opencode274
gemini-cli273
cursor272
github-copilot271
amp266
Supabase Postgres 最佳实践指南 - 8大类别性能优化规则与SQL示例
57,300 周安装
竞争对手研究指南:SEO、内容、反向链接与定价分析工具
231 周安装
Azure 工作负载自动升级评估工具 - 支持 Functions、App Service 计划与 SKU 迁移
231 周安装
Kaizen持续改进方法论:软件开发中的渐进式优化与防错设计实践指南
231 周安装
软件UI/UX设计指南:以用户为中心的设计原则、WCAG可访问性与平台规范
231 周安装
Apify 网络爬虫和自动化平台 - 无需编码抓取亚马逊、谷歌、领英等网站数据
231 周安装
llama.cpp 中文指南:纯 C/C++ LLM 推理,CPU/非 NVIDIA 硬件优化部署
231 周安装