Generating Ui Bundle Site
This generates the five metadata types you need to host a React UI bundle on Salesforce Digital Experience: Network, CustomSite, DigitalExperienceConfig, DigitalExperienceBundle, and the sfdc_cms__site content type. The workflow resolves siteName, urlPathPrefix, appNamespace, appDevName, and guest access settings before creating anything, which matters because getting appNamespace or appDevName wrong means a deployed site that just shows a blank page. It's built for React apps that don't need the usual LWR routes or theme layouts, just a thin container that points to your bundle. The property resolution chain is thorough, falling back from user input to project metadata to org queries to sensible defaults.
- skills.sh installs
- 1.5K
- GitHub stars
- 705
- last updated
- Jul 14, 2026
Install
$ npx -y skills add forcedotcom/afv-library --skill generating-ui-bundle-site --agent claude-codeInstalls into .claude/skills of the current project.
Files
This generates the five metadata types you need to host a React UI bundle on Salesforce Digital Experience: Network, CustomSite, DigitalExperienceConfig, DigitalExperienceBundle, and the sfdc_cms__site content type. The workflow resolves siteName, urlPathPrefix, appNamespace, appDevName, and guest access settings before creating anything, which matters because getting appNamespace or appDevName wrong means a deployed site that just shows a blank page. It's built for React apps that don't need the usual LWR routes or theme layouts, just a thin container that points to your bundle. The property resolution chain is thorough, falling back from user input to project metadata to org queries to sensible defaults.
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/afv-library
- Category
- Frontend Development
- First seen
- May 16, 2026
More from forcedotcom/afv-library
All 58- Generating Validation Rule1.5K
- Implementing Ui Bundle Agentforce Conversation Client1.5K
- Implementing Ui Bundle File Upload1.5K
- Observing Agentforce1.5K
- Searching Media1.5K
- Switching Org1.5K
- Testing Agentforce1.5K
- Uplifting Components To Slds21.5K
- Using Ui Bundle Salesforce Data1.5K
- Creating B2b Commerce Store1.4K
- Generating Lwc Components541
- Querying Soql540
- Developing Datacloud Code Extension539
- Fetching Salesforce Docs537
- Getting Datacloud Schema536
- Deploying Metadata534
- Debugging Apex Logs532
- Handling Sf Data532
- Generating Mermaid Diagrams531
- Generating Visual Diagrams531
- Running Apex Tests531
- Configuring Connected Apps526
- Building Sf Integrations523
- Retrieving Datacloud523
Recommended
More Frontend Development
angular-best-practicesalfredoperez/angular-best-practicesangular best practices1.5Kskills.sh installs
auth0-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
frontend-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
premium-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
