skills.rest
forcedotcom
forcedotcomOFFICIAL
Explore all skills by this author →
Website𝕏@salesforcedevsGitHub

building-ui-bundle-app

Build complete Salesforce React UI bundle apps from natural language requests.

803|289|Updated Nov 7, 2025
Search Tags:#deployment#react#graphql#orchestration#salesforce#agentforce#ui bundle
One-click install
npx skills add https://github.com/forcedotcom/sf-skills --skill building-ui-bundle-app-forcedotcom
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: building-ui-bundle-app
Source: https://github.com/forcedotcom/sf-skills/tree/main/skills/building-ui-bundle-app
Command: npx skills add https://github.com/forcedotcom/sf-skills --skill building-ui-bundle-app-forcedotcom

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It prevents out-of-order work by orchestrating the full, dependency-correct workflow needed to build a complete Salesforce React UI bundle app from a natural-language request.

Core Features & Use Cases

  • End-to-end UI bundle orchestration: Coordinates scaffolding, features, Salesforce data access, frontend UI, optional integrations, and deployment in the correct sequence so the app works.
  • Build from scratch or extend existing structure: Triggers when the user requests a new React/UI bundle app or when the project already includes uiBundles/*/src/ (or relevant project structure) and asks to create/build from scratch.
  • Multi-skill support: Handles tasks spanning multiple ui-bundle skills by coordinating them explicitly, reducing broken or incomplete builds.
  • Correct scope enforcement: Avoids incompatible scenarios (e.g., Lightning Experience apps with custom objects or single-concern edits to an existing page).

Quick Start

Use the building-ui-bundle-app skill to build a complete React UI bundle app that includes scaffolding, features, Salesforce data wiring, UI pages/components, and a deployable result.

Frequently Asked Questions about building-ui-bundle-app

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a complete React UI bundle app on Salesforce from scratch?▼

To build a React UI bundle app on Salesforce, you must coordinate scaffolding, feature installation, Salesforce data layer setup, frontend UI construction, and deployment in strict dependency order to prevent out-of-order work and ensure a functional deployable result.

What is a Salesforce UI bundle and when do I need multi-skill orchestration to create one?▼

A Salesforce UI bundle is a full-stack React application structure requiring coordinated phases. Multi-skill orchestration is needed when a natural language prompt spans multiple ui-bundle concerns, ensuring explicit skill loading and preventing broken or incomplete builds.

Can I extend an existing project if the uiBundles source directory already exists?▼

Yes, you can extend an existing project when the uiBundles/*/src/ directory or relevant project structure is present. The process triggers to create and build the new full-stack UI bundle app from scratch within that existing structure.

Does this approach work for Lightning Experience apps with custom objects?▼

No, this approach avoids incompatible scenarios such as Lightning Experience apps with custom objects. It also excludes single-concern edits to an existing page, focusing solely on creating new full-stack React UI bundle applications.

Can I generate an Experience Site with this UI bundle orchestration process?▼

Yes, Experience Site generation is supported when explicitly requested. The orchestration includes optional integrations and deployment phases alongside scaffolding, Salesforce data wiring, and frontend UI construction to deliver the site.

Related Skills

Explore More Software Engineering Skills→
cchrisvcchrisv

generating-ui-bundle-site

Generate Salesforce Digital Experience Site scaffolding for React UI bundles.

Community
Advanced
CollabalistCollabalist

generating-ui-bundle-site

Provision Salesforce Digital Experience Sites for React UI bundles.

Community
Advanced
padjeipadjei

experience-ui-bundle-app-coordinate

Orchestrate full-stack Salesforce React UI bundle app creation from scaffolding to deployment.

Community
Advanced
acaprinoacaprino
6

ui-studio

Orchestrate full-stack frontend development from product brief to shipped UI.

Community
Advanced