sf-lwc-content

Provide microcopy templates for errors, empty states, and labels in Lightning Web Components.

15|Updated Jan 27, 2026
One-click install
npx skills add https://github.com/sfdc-brendan/Demo-Lab --skill sf-lwc-content
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sf-lwc-content
Source: https://github.com/sfdc-brendan/Demo-Lab/tree/main/skills/sf-lwc-content
Command: npx skills add https://github.com/sfdc-brendan/Demo-Lab --skill sf-lwc-content

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Clear, consistent microcopy is essential for intuitive Lightning Web Component (LWC) UX. It helps teams avoid ambiguity in errors, empty states, labels, and prompts, reducing user confusion and support load.

Core Features & Use Cases

  • Universal UI text patterns for errors, empty states, buttons, help text, and tooltips across LWCs.
  • Guidelines for accessible copy and internationalization readiness.
  • Templates and examples that can be reused in new components to speed up development.

Quick Start

Implement a consistent LWC copy pattern by applying the provided templates to a new component's error messages, empty states, and button labels.

Frequently Asked Questions about sf-lwc-content

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

FAQPage Schema
How do I write clear microcopy for error messages and empty states in Lightning Web Components?

Clear microcopy for Lightning Web Components is achieved by applying consistent UI text patterns to error messages and empty states. Using reusable templates ensures accessibility-ready help text and reduces user confusion across LWC surfaces.

What is the best way to standardize UI writing and button labels across LWC apps?

The best way to standardize UI writing in LWC apps is to implement universal text patterns for button labels, prompts, and tooltips. Applying established copy guidelines speeds up component development and ensures consistent user experiences.

Can I use these microcopy templates for accessibility and internationalization readiness in LWC?

Yes, these microcopy templates support accessibility and internationalization readiness in LWC. They provide structured guidelines for accessible help text and internationalization-ready UI copy, ensuring broad usability across diverse user bases.

How do I create consistent help text and tooltips for LWC components?

Consistent help text and tooltips for LWC components are created by applying established UI writing templates. These patterns outline recommended structures for accessible help text, ensuring clarity and reducing ambiguity across Lightning Web Component surfaces.

Why does my LWC empty state copy cause user confusion and increase support load?

LWC empty state copy causes user confusion when it lacks clear, consistent microcopy patterns. Providing structured templates for empty state guidance and confirmation dialogs reduces ambiguity, improving user intuition and lowering support volume.

When do I need structured templates for UI text design in Lightning Web Components?

Structured templates for UI text design in Lightning Web Components are needed when building new components that require errors, empty states, and labels. They ensure internationalization readiness and accessibility-ready copy across all LWC surfaces.