sf-lwc
PICKLES 아키텍처 방법론, 구성 요소 스캐폴딩, 와이어 서비스 패턴, 이벤트 처리, Apex 통합, GraphQL 지원 및 Jest 테스트 생성을 통한 Lightning 웹 구성 요소 개발 기술입니다. 적절한 반응성, 접근성, 어두운 모드 호환성 및 성능 패턴을 갖춘 최신 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 |
PICKLES 아키텍처 방법론, 구성 요소 스캐폴딩, 와이어 서비스 패턴, 이벤트 처리, Apex 통합, GraphQL 지원 및 Jest 테스트 생성을 통한 Lightning 웹 구성 요소 개발 기술입니다. 적절한 반응성, 접근성, 어두운 모드 호환성 및 성능 패턴을 갖춘 최신 Salesforce UI를 구축하세요. 출처: jaganpro/claude-code-sfskills.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/jaganpro/claude-code-sfskills --skill sf-lwc- 카테고리
- </>개발 도구
- 인증됨
- —
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
sf-lwc이란?
PICKLES 아키텍처 방법론, 구성 요소 스캐폴딩, 와이어 서비스 패턴, 이벤트 처리, Apex 통합, GraphQL 지원 및 Jest 테스트 생성을 통한 Lightning 웹 구성 요소 개발 기술입니다. 적절한 반응성, 접근성, 어두운 모드 호환성 및 성능 패턴을 갖춘 최신 Salesforce UI를 구축하세요. 출처: jaganpro/claude-code-sfskills.
sf-lwc 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/jaganpro/claude-code-sfskills --skill sf-lwc 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/jaganpro/claude-code-sfskills
상세
- 카테고리
- </>개발 도구
- 출처
- user
- 최초 등록
- 2026-02-01