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 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.tsfor its@apisurface.
- 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.
- experience-lds-best-practices-apply: My component
shows stale data after save. Should I use UI API or Apex, and how do I use
- 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.
- experience-aura-lwc-migrate: Migrate this Aura
component bundle to LWC. Convert the
- 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.