forcedotcom avatar

Generating Ui Bundle Custom App

This automates the tedious parts of wiring up a React UI bundle as a custom Salesforce app in Lightning Experience. Instead of hand-writing CustomApplication metadata and hunting down namespace prefixes, it resolves everything from your project structure and sfdx-project.json, then generates the correct XML so your app shows up in the App Launcher. The skill knows the difference between newer API versions that use the uiBundle field versus older ones that need webApplication, which matters because getting it wrong means you get a launcher entry that renders a blank page. It's from Salesforce's official sf-skills repo and has passed three security audits, so it's safe to pull into your workflow if you're building internal Lightning apps with React.

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

Install

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

Installs into .claude/skills of the current project.

Files

This automates the tedious parts of wiring up a React UI bundle as a custom Salesforce app in Lightning Experience. Instead of hand-writing CustomApplication metadata and hunting down namespace prefixes, it resolves everything from your project structure and sfdx-project.json, then generates the correct XML so your app shows up in the App Launcher. The skill knows the difference between newer API versions that use the uiBundle field versus older ones that need webApplication, which matters because getting it wrong means you get a launcher entry that renders a blank page. It's from Salesforce's official sf-skills repo and has passed three security audits, so it's safe to pull into your workflow if you're building internal Lightning apps with React.

Browse the repository on GitHub

Sponsors

Details

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

More from forcedotcom/sf-skills

All 158
1forcedotcom avatargenerating-ui-bundle-metadataforcedotcom/afv-librarygenerating ui bundle metadata1.5Kskills.sh installs
2forcedotcom avatargenerating-ui-bundle-siteforcedotcom/afv-librarygenerating ui bundle site1.5Kskills.sh installs
3alfredoperez avatarangular-best-practicesalfredoperez/angular-best-practicesangular best practices1.5Kskills.sh installs
4auth0 avatarauth0-reactauth0/agent-skillsUse when adding Auth0 login, logout, protected routes, or user sessions to a React SPA. Integrates @auth0/auth0-react — use even if the user says "add login to 1.5Kskills.sh installs
5am-will avatarfrontend-designam-will/codex-skillsCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applicat1.4Kskills.sh installs
6kv0906 avatarpremium-frontend-designkv0906/cc-skillsCreate award-winning, cinematic frontend interfaces that feel ALIVE. Combines 10+ years of creative frontend experience with technical excellence. Specializes i1.4Kskills.sh installs