---
schema_version: "1"
id: d3df66973cc404ead314c3137f99cb18b1eed27e4ed691528cbc6c7ccaeeb4b2
title: Accelerate Lightning Development with LWC Skills
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/release-notes/264-0-0/rn_lwc_skills.md
canonical_url: https://help.salesforce.com/s/articleView?id=release-notes.rn_lwc_skills.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: fdf4d9418127d155614e38541394039f6612a49b519ca57b76887e2a69768bd9
description: Agentforce Vibes now includes skills that provide guidance across the entire LWC lifecycle, covering accessibility, data, design, development, documentation, migration, testing, security, and quality review. Each skill is automatically applied when your task matches, so you can generate LWC code quickly based on the latest best practices.
products:
  - Cross Cloud
release: "264"
---
# Accelerate Lightning Development with LWC Skills

Agentforce Vibes now includes skills that provide guidance across the entire LWC lifecycle, covering accessibility, data, design, development, documentation, migration, testing, security, and quality review. Each skill is automatically applied when your task matches, so you can generate LWC code quickly based on the latest best practices.

**Where:** This change applies to Lightning Experience in Developer, Enterprise, Partner Developer, Performance, and Unlimited editions. These skills are available through the [forcedotcom/sf-skills](https://github.com/forcedotcom/sf-skills) GitHub repository and work with AI tools that support agent skills, including Agentforce Vibes and Claude Code.

**When:** This feature is available starting the week of August 17, 2026.

**How:** Open the Agentforce Vibes panel and enter a natural language prompt. Here are the skills categorized by functionality and an example prompt that automatically loads the skill.

Build and Create Components

- **experience-lwc-generate**: Build a Lightning web component that displays a list of contacts.
- **experience-lwc-design-generate**: Build a new Lightning web component from this Figma design.
- ****experience-lwc-base-components-integrate****: Which base component can I use to display a table for data?
- **experience-lwc-typescript-migrate**: Convert this LWC code to TypeScript and generate a `.d.ts` for its `@api` surface.

Manage Data

- **experience-lds-best-practices-apply**: My component shows stale data after save. Should I use UI API or Apex, and how do I use `refreshApex`?
- **experience-lds-graphql-generate**: How do I use GraphQL query to update account records?
- **experience-lds-data-requirements-generate**: I need to show account data in this component. Turn that into a spec with the right object/field API names.

Migrate Components

- **experience-aura-lwc-migrate**: Migrate this Aura component bundle to LWC. Convert the `.cmp`, controller, and helper, and map aura facets to slots.

Review Quality

- **experience-lwc-accessibility-validate**: Review this component for WCAG 2.2 accessibility issues.
- **experience-lwc-rtl-validate**: Review this component for RTL correctness.
- **experience-lwc-runtime-observe**: Preview this component locally.
- **experience-lwc-security-validate**: Audit this component for Lightning Web Security violations and score its security compliance.

#### See Also

- [_Agentforce Vibes Developer Guide_: Set Up Agentforce Vibes Extension](https://developer.salesforce.com/docs/platform/einstein-for-devs/guide/einstein-setup.html)
- [_Agentforce Vibes Developer Guide_: Skills in Agentforce Vibes](https://developer.salesforce.com/docs/platform/einstein-for-devs/guide/skills.html)
- [Salesforce Skills GitHub Repository](https://github.com/forcedotcom/afv-library)
- [_Lightning Web Components Developer Guide_: **Use Skills for LWC Development**](https://developer.salesforce.com/docs/platform/lwc/guide/afv-lwc-skills.html)