Use Agentforce Vibes to Build Custom Lightning Types

Agentforce Vibes includes a built-in Salesforce skill to help you generate custom Lightning type metadata bundles faster. When you enter a prompt, Agentforce Vibes uses this skill to draft your schema.json file. If you need to customize the default UI configuration, it can also draft editor.json and renderer.json files for your Lightning web components.

For full details on the specific instructions and capabilities of this skill, see the generating-custom-lightning-type skill in the Salesforce Skills Library on GitHub.

When you work with custom Lightning types, you can:

  • Generate full bundles: Create custom Lightning types from natural language descriptions and output the complete bundle (schema.json, editor.json, and renderer.json).
  • Modify local files: Update existing custom Lightning types in your local VS Code workspace.
  • Iterate in real-time: Apply continuous, iterative updates to custom Lightning types created within your current active session.
  • Incorporate retrieved metadata: Update custom Lightning types by using metadata you have manually retrieved and provided to the prompt (for example, via Salesforce CLI or Metadata API).

This skill works with metadata you provide or files in your local workspace. It doesn’t scan your org automatically.

  • Provide exact type names: The skill can’t identify custom Lightning types from descriptions such as ‘the booking type.’ Use the exact API name.
  • No org-wide discovery: The skill can’t detect similar custom Lightning types or recommend them for reuse before you create them.
  • No bulk updates: You can’t perform bulk updates across multiple custom Lightning types simultaneously.
  • No dependency mapping: The skill can’t identify or update custom Lightning types based on reference or dependency relationships in your org.

Before you begin, install the Salesforce Extension Pack for Visual Studio Code (VS Code). Then open the Agentforce Vibes panel and enter natural language prompts to generate your bundle. For best results, start with an action verb and clearly describe the properties you need.

Examples:

  • “Create a custom Lightning type for a hotel booking system.”
  • “Create a custom Lightning type based on the Apex class com.example.model.HotelModel.”
  • “Create a custom Lightning type to store user preferences by using the appropriate skill.”

Based on your prompt, Agentforce Vibes automatically loads the relevant Lightning Types skill to guide metadata and code generation. To verify which skills are active, click the Skills icon (⚖️) at the bottom of the Agentforce Vibes panel.

See Also