Generating Ui Bundle Site
If you're deploying a React app as a UI bundle on Salesforce, this handles the tedious plumbing of creating the Digital Experience Site to host it. It generates the five metadata types you need (Network, CustomSite, DigitalExperienceConfig, DigitalExperienceBundle, and the site content type) with the right connections between them. The tricky part it solves is resolving the appNamespace and appDevName properties correctly so your site doesn't deploy successfully but show a blank page. It's focused on the minimum container infrastructure for React apps, not full LWR sites with routes and themes. Useful when you've built the bundle and just need the hosting layer configured properly.
- skills.sh installs
- 3.6K
- GitHub stars
- 1.2K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add forcedotcom/sf-skills --skill generating-ui-bundle-site --agent claude-codeInstalls into .claude/skills of the current project.
Files
If you're deploying a React app as a UI bundle on Salesforce, this handles the tedious plumbing of creating the Digital Experience Site to host it. It generates the five metadata types you need (Network, CustomSite, DigitalExperienceConfig, DigitalExperienceBundle, and the site content type) with the right connections between them. The tricky part it solves is resolving the appNamespace and appDevName properties correctly so your site doesn't deploy successfully but show a blank page. It's focused on the minimum container infrastructure for React apps, not full LWR sites with routes and themes. Useful when you've built the bundle and just need the hosting layer configured properly.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/forcedotcom/sf-skills
- Categories
- Frontend Development, Release Management, Sales & Marketing, Cloud & Infrastructure
- First seen
- Jun 3, 2026
More from forcedotcom/sf-skills
All 158- Testing Agentforce3.6K
- Observing Agentforce3.6K
- Uplifting Components To Slds23.6K
- Searching Media3.6K
- Using Ui Bundle Salesforce Data3.6K
- Implementing Ui Bundle File Upload3.5K
- Implementing Ui Bundle Agentforce Conversation Client3.5K
- Creating B2b Commerce Store3.3K
- Generating Lwc Components3.1K
- Querying Soql3K
- Debugging Apex Logs3K
- Deploying Metadata3K
- Fetching Salesforce Docs3K
- Running Apex Tests3K
- Handling Sf Data2.9K
- Building Sf Integrations2.9K
- Generating Mermaid Diagrams2.8K
- Configuring Connected Apps2.8K
- Generating Visual Diagrams2.8K
- Getting Datacloud Schema2.6K
- Developing Datacloud Code Extension2.5K
- Retrieving Datacloud2.5K
- Connecting Datacloud2.5K
- Activating Datacloud2.5K
Recommended
More Frontend Development
html-ppt-retro-quarterly-reviewnexu-io/open-designRetro Quarterly Review presentation template in a bold blue + orange editorial language. Use when users ask for a high-impact quarterly review / roadmap deck wi2.9Kskills.sh installs
nextjs-cache-architecturemohamed-hossam1/nextjs-cache-architecturenextjs cache architecture2.8Kskills.sh installs
motiononmax/nuxt-skillsUse when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and compos2.3Kskills.sh installs
laravel-inertia-reactasyrafhussin/agent-skillsLaravel + Inertia.js + React integration patterns. Use when building Inertia page components, handling forms with useForm, managing shared data, or implementing2Kskills.sh installs