Can it generate unit tests for LWC?

Absolutely. The skill generates comprehensive Jest test suites, including advanced patterns for DOM cleanup, rendering lifecycles, and mocking Apex or GraphQL calls.

How does it handle data integration?

It implements best-practice data patterns, including @wire for reactive data fetching, imperative Apex for DML operations, and GraphQL wire adapters for complex relationships.

What is the PICKLES Framework used by this skill?

PICKLES is a structured LWC design methodology focusing on Prototyping, Integration, Composition, Kinetics, Libraries, Execution, and Security to ensure robust component architecture.

Does this skill support Salesforce Dark Mode?

Yes, it enforces SLDS 2 standards and utilizes global styling hooks (CSS variables) to ensure components are fully dark mode compliant without hardcoded colors.

Salesforce LWC Expert

Name: Salesforce LWC Expert
Author: Jaganpro

byJaganpro

•

Herramientas de Diseño

Builds production-ready Lightning Web Components using the PICKLES architecture and SLDS 2 standards.

This skill empowers Claude to act as a senior Salesforce frontend engineer, streamlining the creation and maintenance of Lightning Web Components (LWC). It leverages the specialized PICKLES Framework to ensure components are architecturally sound, covering everything from reactive data binding and GraphQL integration to SLDS 2 dark mode compliance. Ideal for developers needing automated scaffolding, complex event handling patterns, or robust Jest test suites, this skill ensures every component adheres to Salesforce best practices for performance, security, and accessibility.

Características Principales

01Automated Jest test generation with advanced mock patterns

02SLDS 2 and Dark Mode compliant styling with global hooks

0332 GitHub stars

04GraphQL and Apex wire service integration patterns

05PICKLES architectural methodology implementation

06WCAG-compliant accessibility and focus management

Casos de Uso

01Migrating legacy components to modern SLDS 2 styling and dark mode readiness.

02Implementing cross-component communication using Lightning Message Service (LMS).

03Rapidly scaffolding complex LWC bundles including JS, HTML, CSS, and metadata.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jaganpro/sf-skills sf-lwc

For use in Claude.ai and ChatGPT

Download Skill