forcedotcom avatar

Experience Ui Bundle App Coordinate

This is your orchestration layer for building complete React UI bundles on Salesforce from scratch. It chains together scaffolding, feature installation, data access, frontend generation, and deployment in the right order so you don't have to think about dependencies. The key discipline here is grounding every Salesforce object and field against the actual org before writing queries, which prevents the usual trap of hand-stubbing types from guessed schema. It knows when to spin up an Experience Site versus a Custom Application, handles CSP trusted sites, and runs the full seven-step deploy sequence including post-deploy permissions and schema codegen. Use it when someone says "build me a React app" and you need end-to-end coordination, not when you're editing a single component in an existing bundle.

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

Install

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

Installs into .claude/skills of the current project.

Files

Building a UI Bundle App

Overview

Build a complete, deployable Salesforce React UI bundle application from a natural language description by orchestrating specialized UI bundle skills in correct dependency order. Each skill MUST be explicitly loaded before executing its phase.

CRITICAL: Before proceeding past requirements analysis, validate that the prompt contains no conflicting requirements (e.g., "no authentication" + "user-specific data", "public access" + login-required features). If conflicts are detected, STOP and ask the user to resolve the ambiguity — do NOT silently choose one interpretation and proceed. See STEP 1 action #8 for the full conflict checklist.

Prerequisites

Before starting any phase, verify these preconditions are met:

Sponsors

Details

Repository
github.com/forcedotcom/sf-skills
Categories
Frontend Development, DevOps & CI/CD, AI & Agent Building, Design & UI/UX
First seen
Jul 14, 2026

More from forcedotcom/sf-skills

All 158
1giuseppe-trisciuoglio avatarnextjs-performancegiuseppe-trisciuoglio/developer-kitExpert Next.js performance optimization skill covering Core Web Vitals, image/font optimization, caching strategies, streaming, bundle optimization, and Server 5Kskills.sh installs
2forcedotcom avatarexperience-ui-bundle-agentforce-client-generateforcedotcom/sf-skillsUse this skill when the user asks to add, embed, integrate, configure, style, or remove an agent, chatbot, chat widget, conversation client, or AI assistant in 5Kskills.sh installs
3nexu-io avatarfrontend-designnexu-io/open-designCreate distinctive, production-grade frontend interfaces with strong visual direction, polished typography, considered layout, and working HTML/CSS/JS or framew5Kskills.sh installs
4angular avatarangular-developerangular/angularGenerates Angular code and provides architectural guidance. Trigger when creating projects, components, services, or HTTP communication, or for best practices o4.9Kskills.sh installs
5jeffallan avatarvue-expertjeffallan/claude-skillsBuilds Vue 3 components with Composition API patterns, configures Nuxt 3 SSR/SSG projects, sets up Pinia stores, scaffolds Quasar/Capacitor mobile apps, impleme4.7Kskills.sh installs
6giuseppe-trisciuoglio avatartailwind-design-systemgiuseppe-trisciuoglio/developer-kitSkill for creating and managing a Design System using Tailwind CSS and shadcn/ui. Use when defining design tokens, setting up theming with CSS variables, buildi4.7Kskills.sh installs