Back to Skills

lightning-2025-features

verified

Salesforce Lightning Web Components Winter '26 and 2025 features

View on GitHub

Marketplace

claude-plugin-marketplace

JosiahSiegel/claude-plugin-marketplace

Plugin

salesforce-master

Repository

JosiahSiegel/claude-plugin-marketplace
7stars

plugins/salesforce-master/skills/lightning-2025-features/SKILL.md

Last Verified

January 20, 2026

Install Skill

Select agents to install to:

Scope:
npx add-skill https://github.com/JosiahSiegel/claude-plugin-marketplace/blob/main/plugins/salesforce-master/skills/lightning-2025-features/SKILL.md -a claude-code --skill lightning-2025-features

Installation paths:

Claude
.claude/skills/lightning-2025-features/
Powered by add-skill CLI

Instructions

## ๐Ÿšจ CRITICAL GUIDELINES

### Windows File Path Requirements

**MANDATORY: Always Use Backslashes on Windows for File Paths**

When using Edit or Write tools on Windows, you MUST use backslashes (`\`) in file paths, NOT forward slashes (`/`).

**Examples:**
- โŒ WRONG: `D:/repos/project/file.tsx`
- โœ… CORRECT: `D:\repos\project\file.tsx`

This applies to:
- Edit tool file_path parameter
- Write tool file_path parameter
- All file operations on Windows systems


### Documentation Guidelines

**NEVER create new documentation files unless explicitly requested by the user.**

- **Priority**: Update existing README.md files rather than creating new documentation
- **Repository cleanliness**: Keep repository root clean - only README.md unless user requests otherwise
- **Style**: Documentation should be concise, direct, and professional - avoid AI-generated tone
- **User preference**: Only create additional .md files when user specifically asks for documentation


---

# Lightning Web Components 2025 Features

## lightning/graphql Module (Winter '26)

New module replaces deprecated `lightning/uiGraphQLApi`:

### Migration

```javascript
// โŒ Old (deprecated)
import { gql, graphql } from 'lightning/uiGraphQLApi';

// โœ… New (Winter '26)
import { gql, graphql } from 'lightning/graphql';

export default class MyComponent extends LightningElement {
  @wire(graphql, {
    query: gql`
      query getAccount($id: ID!) {
        uiapi {
          query {
            Account(where: { Id: { eq: $id } }) {
              edges {
                node {
                  Id
                  Name
                  Industry
                }
              }
            }
          }
        }
      }
    `,
    variables: '$variables'
  })
  results;

  get variables() {
    return { id: this.recordId };
  }
}
```

### Benefits

- Improved performance
- Better error handling
- Enhanced type safety
- Future-proof API

## Local Development (sf lightning dev component)

Run LWC components loc

Validation Details

Front Matter
Required Fields
Valid Name Format
Valid Description
Has Sections
Allowed Tools
Instruction Length:
7896 chars