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

•

デザインツール

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.

主な機能

Automated Jest test generation with advanced mock patterns
SLDS 2 and Dark Mode compliant styling with global hooks
32 GitHub stars
GraphQL and Apex wire service integration patterns
PICKLES architectural methodology implementation
WCAG-compliant accessibility and focus management

ユースケース

Migrating legacy components to modern SLDS 2 styling and dark mode readiness.
Implementing cross-component communication using Lightning Message Service (LMS).
Rapidly scaffolding complex LWC bundles including JS, HTML, CSS, and metadata.

概要

主な機能

Automated Jest test generation with advanced mock patterns
SLDS 2 and Dark Mode compliant styling with global hooks
32 GitHub stars
GraphQL and Apex wire service integration patterns
PICKLES architectural methodology implementation
WCAG-compliant accessibility and focus management

ユースケース

Migrating legacy components to modern SLDS 2 styling and dark mode readiness.
Implementing cross-component communication using Lightning Message Service (LMS).
Rapidly scaffolding complex LWC bundles including JS, HTML, CSS, and metadata.