skills.rest
dylandersen
dylandersenCOMMUNITY
Explore all skills by this author →
Website𝕏@dylandersenGitHub

sf-multiframework

Automate React app authoring and deployment within Salesforce Multi-Framework.

6|1|Updated Apr 27, 2026
Search Tags:#react#graphql#salesforce#multiframework#acc#uibundle#datasdk
One-click install
npx skills add https://github.com/dylandersen/sf-multiframework --skill sf-multiframework
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: sf-multiframework
Source: https://github.com/dylandersen/sf-multiframework/tree/main
Command: npx skills add https://github.com/dylandersen/sf-multiframework --skill sf-multiframework

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

Salesforce Multi-Framework enables developers to build self-contained React apps that run on the Agentforce 360 Platform as UIBundles.

Core Features & Use Cases

  • Scaffold and configure React UI bundles with the Salesforce Multi-Framework workflow (uiBundle.json, .uibundle-meta.xml), and scaffold via sf template generate ui-bundle.
  • Integrate with the Data SDK (GraphQL) and embed the Agentforce Conversation Client (ACC) for seamless agent-assisted experiences.
  • Support internal (AppLauncher) and external (Experience Cloud) deployment patterns, cross-skill orchestration, and flexible styling tracks (SLDS, design-system-react, Tailwind/shadcn).

Quick Start

Scaffold a UI bundle, develop locally, and deploy to your target surface (AppLauncher or Experience Cloud).

Frequently Asked Questions about sf-multiframework

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

FAQPage Schema
How do I build a React app for Salesforce Multi-Framework?▼

To build a React app for Salesforce Multi-Framework, scaffold a UI bundle using `sf template generate ui-bundle`, configure ui-bundle.json and .uibundle-meta.xml, then deploy to AppLauncher or Experience Cloud targets. This Skill automates that authoring and deployment workflow.

What is a Salesforce UI bundle and when do I need it?▼

A Salesforce UI bundle is a self-contained React application running on the Agentforce 360 Platform. You need it when building agent-assisted experiences requiring Data SDK GraphQL integration and ACC embedding for internal AppLauncher or external Experience Cloud surfaces.

Do I need Node.js 22 to develop Salesforce Multi-Framework UI bundles?▼

Yes, developing Salesforce Multi-Framework UI bundles requires Node.js 22 or later. Additional beta constraints include en_US language support and API version 66.0 or higher to ensure compatibility with the Agentforce 360 Platform deployment targets.

Can I use Tailwind or SLDS for styling React UI bundles in Salesforce?▼

Yes, Salesforce Multi-Framework UI bundles support flexible styling tracks including SLDS, design-system-react, and Tailwind with shadcn. You configure these styling approaches within the uiBundles/ directory structure during local development.

How do I wire the Data SDK and GraphQL into a Salesforce React UI bundle?▼

Wiring the Data SDK with GraphQL into a Salesforce React UI bundle involves configuring the connection during scaffold and development. This integration enables seamless data access alongside the Agentforce Conversation Client for agent-assisted experiences within your self-contained app.

What are the limitations of Salesforce Multi-Framework beta UI bundles?▼

Salesforce Multi-Framework beta UI bundles are limited to en_US language support, API version 66.0 or higher, and Node.js 22 or later. They support internal AppLauncher and external Experience Cloud deployment patterns but operate within these beta platform constraints.

Related Skills

Explore More Software Engineering Skills→
padjeipadjei

agentforce-generate

Automate Agentforce Agent Script development with Salesforce CLI commands.

Community
Advanced
fazxesfazxes
231

build-mcp-app

Build and deploy MCP apps with inline UI widgets for chat surfaces.

Community
Advanced
dmckeeSFdmckeeSF

implementing-ui-bundle-agentforce-conversation-client

Integrate and customize the Agentforce Conversation Client in React applications.

Community
Intermediate
shalevaminshalevamin

salesforce-developer

Develop and debug Salesforce applications with Apex, LWC, and SOQL.

Community
Advanced