forcedotcom avatar

Experience Ui Bundle Site Generate

Generates the complete Salesforce Digital Experience Site scaffolding needed to host a React UI bundle, which is surprisingly different from standard LWR sites. It creates five interconnected metadata types (Network, CustomSite, DigitalExperienceConfig, DigitalExperienceBundle, and the site content type) with all the right wiring between them. The skill is thorough about resolving appNamespace and appDevName from your actual project metadata or org queries, which matters because getting those wrong means you deploy successfully but see a blank page. It includes guest access configuration and has a separate workflow for updating site URLs across all three components that need them. Worth using if you're tired of debugging why your React bundle won't render.

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

Install

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

Installs into .claude/skills of the current project.

Files

Digital Experience Site for React UI Bundles

Create and configure Digital Experience Sites that host React UI bundles on Salesforce. This skill generates the minimum necessary site infrastructure — Network, CustomSite, DigitalExperienceConfig, DigitalExperienceBundle, and the sfdc_cms__site content type — so a React app can be served from Salesforce.

React sites differ from standard LWR sites: they don't need routes, views, theme layouts, or branding sets. The site acts as a thin container (appContainer: true) that delegates rendering to the React UI bundle referenced by appSpace.

Required Properties

Resolve all five 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
Categories
Frontend Development, Release Management, Sales & Marketing, Cloud & Infrastructure
First seen
Jul 14, 2026

More from forcedotcom/sf-skills

All 158
1affaan-m avatarnextjs-turbopackaffaan-m/everything-claude-codenextjs turbopack4.9Kskills.sh installs
2vercel-labs avatarnextjsvercel-labs/vercel-pluginnextjs4.3Kskills.sh installs
3plannotator avatarhtmlplannotator/effective-htmlCreate or redesign self-contained single-file HTML artifacts with a visual direction shaped by the user's brief, project, and subject. Use when HTML is the deli4.1Kskills.sh installs
4plannotator avatarhtml-planplannotator/effective-htmlDirect-invocation specialist for clear, self-contained HTML plans that preserve source material while improving hierarchy, sequence, ownership, dependencies, an4Kskills.sh installs
5affaan-m avatarui-demoaffaan-m/everything-claude-codeui demo3.8Kskills.sh installs
6forcedotcom avatargenerating-ui-bundle-siteforcedotcom/sf-skillsMUST activate when the project contains a uiBundles/*/src/ directory and the task involves creating or configuring site infrastructure. Use this skill when crea3.6Kskills.sh installs