A Claude skill and boilerplate for building Salesforce React UIBundle (Multi-Framework) apps — the full lifecycle, from scaffold to a visible, working app in the App Launcher, with the hard-won gotchas baked in.
Multi-Framework (GA as of Summer '26; announced TDX 2026) lets you build native React apps that deploy to the Salesforce App Launcher — now production-ready, enabled in every org, deployable to production/sandbox/DE/scratch. It is powerful but under-documented — the deploy order, the .salesforce.app domain, the creation-only <uiBundle> field, the @salesforce/platform-sdk data layer, and FLS-vs-object-permission traps cost real hours the first time. This repo captures that so you (and Claude) don't rediscover it.
| Path | What it is |
|---|---|
skills/salesforce-uibundle/ |
The Claude skill — full-lifecycle guide + symptom-indexed gotchas |
boilerplate/ |
Proven SFDX metadata scaffolding (CustomApplication, UIBundle, Permission Set, etc.) |
.claude-plugin/ |
Plugin + marketplace manifests for one-command install |
docs/ |
Design spec and background |
As a Claude Code plugin (recommended):
/plugin marketplace add leafarhz/salesforce-react-boilerplate
/plugin install salesforce-react-boilerplate@leafarhz-plugins
The skill then invokes automatically on relevant tasks, or explicitly via /salesforce-react-boilerplate:salesforce-uibundle.
Manually:
Clone this repo and copy the skill into your project or user skills directory:
git clone https://github.com/leafarhz/salesforce-react-boilerplate
cp -R salesforce-react-boilerplate/skills/salesforce-uibundle ~/.claude/skills/Working plugin: one skill (salesforce-uibundle) + boilerplate. See docs/design.md for the design and docs/plan.md for the build plan.
MIT — see LICENSE.