forcedotcom avatar

Experience Ui Bundle Custom App Generate

Generates the CustomApplication metadata XML you need to surface a React UI bundle in the Lightning App Launcher without spinning up a full Experience Site. The workflow resolves your bundle name and namespace, queries the Salesforce API to detect which fields your org version supports (uiBundle vs webApplication), then creates the app-meta.xml file with the correct schema. It also handles the target field in your uibundle-meta.xml when the API version supports it. This is the internal user path, not the Digital Experience path, so you won't see any Network or CustomSite metadata. The version detection is smart because the field names changed across API releases and getting that wrong means blank pages in production.

skills.sh installs
5.3K
GitHub stars
1.2K
last updated
Aug 21, 2026

Install

$ npx -y skills add forcedotcom/sf-skills --skill experience-ui-bundle-custom-app-generate --agent claude-code

Installs into .claude/skills of the current project.

Files

Custom Application for React UI Bundles

Create and configure a Salesforce Custom Application that hosts a React UI bundle in Lightning Experience. This skill generates the CustomApplication metadata so the app appears in the Lightning App Launcher and can be accessed by internal users.

Custom Applications differ from Experience Sites: they don't need Networks, CustomSite, DigitalExperienceConfig, or DigitalExperienceBundle metadata. The Custom Application acts as a thin launcher entry that delegates rendering to the React UI bundle referenced by uiBundle.

Required Properties

Resolve all properties before generating any metadata. Each has a fallback chain — work through each option in order until a value is found.

Sponsors

Details

Repository
github.com/forcedotcom/sf-skills
Category
Frontend Development
First seen
Jul 14, 2026

More from forcedotcom/sf-skills

All 158
1analogjs avatarangular-toolinganalogjs/angular-skillsUse Angular CLI and development tools effectively in Angular v20+ projects. Use for project setup, code generation, building, testing, and configuration. Trigge5.3Kskills.sh installs
2forcedotcom avatarexperience-ui-bundle-file-upload-generateforcedotcom/sf-skillsMUST activate when the project contains a uiBundles/*/src/ directory and the task involves uploading, attaching, or dropping files. Use this skill when adding f5.2Kskills.sh installs
3jeffallan avatarreact-native-expertjeffallan/claude-skillsBuilds, optimizes, and debugs cross-platform mobile applications with React Native and Expo. Implements navigation hierarchies (tabs, stacks, drawers), configur5.2Kskills.sh installs
4claude-office-skills avatarhtml-to-pptclaude-office-skills/skillsConvert HTML/Markdown to PowerPoint presentations using Marp5.1Kskills.sh installs
5jeffallan avatarangular-architectjeffallan/claude-skillsGenerates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management, applies RxJS patterns, 5.1Kskills.sh installs
6forcedotcom avatarexperience-ui-bundle-site-generateforcedotcom/sf-skillsMUST activate when the project contains a uiBundles/*/src/ directory and the task involves creating or configuring site infrastructure. Use this skill when crea5Kskills.sh installs