lwc-development

Enforce standard Salesforce lightning namespace components in LWC code.

6|6|Updated Nov 16, 2025
One-click install
npx skills add https://github.com/david-sfdev/claude-sf-skills --skill lwc-development
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: lwc-development
Source: https://github.com/david-sfdev/claude-sf-skills/tree/main/sf-lwc-development
Command: npx skills add https://github.com/david-sfdev/claude-sf-skills --skill lwc-development

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill prevents common LWC development errors by ensuring the use of standard Salesforce Lightning components instead of generic HTML, promoting platform-native best practices.

Core Features & Use Cases

  • Component Selection: Provides a comprehensive catalog to ensure the correct lightning- namespace component is used for every UI element.
  • Best Practice Enforcement: Guides developers on proper data handling, styling with SLDS, and avoiding anti-patterns like ternary operators in templates.
  • Use Case: When building a new user registration form, this skill ensures you use lightning-input and lightning-button instead of standard HTML tags, guaranteeing proper Salesforce styling and validation.

Quick Start

Use the lwc-development skill to review my current component code and suggest improvements based on Salesforce best practices.

Frequently Asked Questions about lwc-development

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I ensure my Lightning Web Components use standard Salesforce UI elements?

To ensure Lightning Web Components use standard Salesforce UI elements, replace generic HTML tags with platform-native lightning- namespace components like lightning-input. This enforces proper SLDS styling, validation, and adherence to official architecture.

What are common anti-patterns to avoid during LWC development?

Common LWC development anti-patterns include using standard HTML tags instead of lightning- namespace components and utilizing ternary operators directly within HTML templates. Avoiding these ensures proper reactive data binding and Salesforce styling.

Can I use standard HTML tags instead of SLDS components in Salesforce web components?

Using standard HTML tags instead of SLDS components in Salesforce web components is strongly discouraged. Replacing them with lightning- namespace components guarantees native platform styling, built-in validation, and adherence to Salesforce architecture.

How do I review existing LWC code for Salesforce best practices?

To review existing LWC code for Salesforce best practices, analyze the component selection to verify the use of lightning- namespace elements, proper SLDS styling, and correct reactive data binding instead of anti-patterns like template ternary operators.

Why does my custom Lightning component lack proper Salesforce styling?

Custom Lightning components lack proper Salesforce styling when generic HTML tags are used instead of standard lightning- namespace components. Implementing native SLDS components ensures the UI automatically matches platform design standards.

When do I need to use lightning- namespace components in LWC?

You need to use lightning- namespace components in LWC whenever creating, modifying, or debugging UI elements like user registration forms. This requirement satisfies SLDS styling rules, reactive data binding needs, and official component architecture standards.