claudecodex

experience-react

Build Salesforce React UI Bundle apps: scaffold a new React UI bundle SFDX starter project from a template, generate and edit pages, components, layout, styling, navigation, and branding with shadcn/ui and Tailwind CSS, configure ui-bundle metadata, host the app on a Digital Experience Site, and deploy it to an org. Use when creating or editing a React frontend under uiBundles/*/src for a Salesforce site — appLayout.tsx, routes.tsx, src/pages/, src/components/, or when starting, scaffolding, hosting, or deploying a React UI bundle app. Also scaffold, configure features for, host, and deploy Angular UI Bundle apps.

1,163 on GitHubby Salesforcev0.3.0Apache-2.0updated 6 days ago
/

Plugin experience-react from marketplace salesforce in forcedotcom/sf-skills. Commands read from the repo's manifest — 6 days ago.

What it installs

Skills (14)

  • experience-ui-bundle-2gp-deploy

    MUST activate when the user wants to package, distribute, or install/upgrade/uninstall/promote a UI Bundle as a Salesforce second-generation (2GP) package (project may contain uiBundles/ or sfdx-project.json for packaging tasks; install/upgrade tasks may lack local bundle files). Handles making a bu

  • experience-ui-bundle-agentforce-client-generate

    Use 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 a UI Bundle project (React or Angular). TRIGGER when: project contains a uiBundles/*/src/ directory and the task involves adding or modifyin

  • experience-ui-bundle-app-coordinate

    MUST activate when the user wants to build, create, or generate a React application, React app, web application, single-page application (SPA), or frontend application — even if no project files exist yet. MUST also activate when the project contains a uiBundles/*/src/ directory or sfdx-project.json

  • experience-ui-bundle-custom-app-generate

    MUST activate when the project contains a uiBundles/*/src/ directory and the task involves creating or configuring a Custom Application for hosting a UI bundle in Lightning Experience. Use this skill when creating a CustomApplication metadata record to surface the UI bundle in the App Launcher. Acti

  • experience-ui-bundle-deploy

    MUST activate when the project has a uiBundles/*/src/ directory and the task involves deploying to an org or post-deploy org setup. Deploys a UI bundle app and runs ordered setup: org auth, build, metadata deploy, permission-set and role assignment, Experience Cloud self-registration, social login /

  • experience-ui-bundle-features-generate

    MUST activate when the project contains a uiBundles/*/src/ directory (React or Angular) and the user wants to add a pre-built feature — such as authentication (login, logout, protected routes, session management) or search (global search across pages and content) — instead of building it from scratc

  • experience-ui-bundle-file-upload-generate

    MUST activate when the project contains a uiBundles/*/src/ directory and the task involves uploading, attaching, or dropping files. Use this skill when adding file upload functionality to a UI bundle app. Provides progress tracking and Salesforce ContentVersion integration. This feature provides pro

  • experience-ui-bundle-frontend-generate

    MUST activate before editing ANY file under uiBundles/*/src/ (or the bundle's index.html) for visual or UI changes to an EXISTING app — pages, components, sections, layout, styling, colors, fonts, navigation, animations, branding, or any look-and-feel change. Use this skill when modifying pages, com

  • experience-ui-bundle-localize

    MUST activate to localize / internationalize a uiBundles/*/src/ project (React or Angular): extract hardcoded user-facing strings into Custom Labels, wire a runtime i18n library over the Platform SDK backend, add labels for another language, or troubleshoot label rendering across locales. Triggers:

  • experience-ui-bundle-metadata-generate

    Use this skill when adding a front-end React or Angular UI bundle to an EXISTING SFDX project, or configuring UI bundle metadata and config files. TRIGGER when: adding or scaffolding a new UI bundle — including adding one more or another UI bundle — into a project that already exists; scaffolding a

  • experience-ui-bundle-mfa-configure

    Configure Multi-Factor Authentication (MFA) for Salesforce Experience Site users. TRIGGER when: user wants to enable MFA on a community, enforce two-factor authentication for portal users, add MFA to a React Experience Site / Web App, configure ForceTwoFactor permission, create MFA permission sets f

  • experience-ui-bundle-project-generate

    Generates a minimal, ready-to-develop SFDX starter project from template instead of hand-scaffolding files. Use this skill when starting a brand-new Salesforce UI bundle app (React or Angular) and the initial project must be scaffolded — trigger phrases include create, start, or scaffold a new UI bu

  • experience-ui-bundle-salesforce-data-access

    MUST activate whenever a uiBundles/*/src/ project reads, writes, or displays Salesforce data — INCLUDING building a page, list, table, card grid, dashboard, or form that shows, filters, counts, or edits records of any object (e.g. Property__c, Account, Case), even when the prompt names only the UI o

  • experience-ui-bundle-site-generate

    MUST activate when the project contains a uiBundles/*/src/ directory and the task involves creating or configuring site infrastructure. Use this skill when creating or configuring a Salesforce Digital Experience Site for hosting a UI bundle. Activate when files matching digitalExperiences/, networks

View source on GitHub

More from forcedotcom/sf-skills

All 22 plugins →

salesforce-development

claudecodex

Foundation layer for Salesforce platform development — 38 skills for environment validation, project scaffolding, scratch-org lifecycle, declarative metadata, Apex (author, run anonymous, test, debug), flow automation, SOQL, deploy/retrieve, manifest generation, security, reporting, and generated installed-versus-available capability discovery, plus org-context detection, a production deploy-safety gate, and a bundled Apex + SOQL language server (MCP).

38 skills · 14 commands · 1 agent · 4 MCP servers · hooks

1,163

service-omni

claudecodex

Configure Salesforce Omni-Channel work routing: queues, presence statuses, agent capacity, Case and VoiceCall routing flows, skills-based and attribute routing, agent work sharing, classic Omni Supervisor surface setup, and read-only Omni Command Center readiness analysis.

24 skills

1,163

experience-lwc

claudecodex

Build and validate Lightning Web Components (LWC): generate components with the PICKLES methodology and 165-point scoring, scaffold a fresh LWC from a Figma design or a PRD, wire-service and Jest test patterns, SLDS styling, WCAG/ARIA accessibility validation, and RTL/TypeScript migration. Use when creating, editing, or reviewing LWC components — touching lwc/**/*.js, .html, .css, or .js-meta.xml files, or asking about wire service, base components, SLDS, Jest LWC tests, or component accessibility. Also use when migrating legacy Aura components or Lightning Out apps to LWC.

14 skills · hooks

1,163

service-engagement

claudecodex

Configure Service Cloud digital engagement channels: set up messaging and web chat channels, configure channel deployments, and connect an existing Agentforce channel binding. Use when setting up messaging, web chat, digital engagement deployments, or messaging-site integration.

13 skills

1,163

agentforce-adlc

claudecodex

Author, discover, scaffold, deploy, test, secure, and optimize Agentforce .agent files

7 skills · 4 agents · hooks

1,163

dx-devops

claudecodex

Operate Salesforce DevOps Center pipelines and work items and configure their automated testing: manage pipeline definitions and work items, configure test pipelines and suite assignments, run stage test suites, and analyze test failures. Use for DevOps Center pipeline administration, work-item tracking, test-stage configuration, suite execution, quality-gate reruns, or pipeline failure analysis.

8 skills

1,163

Similar plugins

ui-ux-pro-max

claude

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

nextjs

claude

Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.

6 skills

vercel/next.js 143,495

expo

claude

Official Expo skills for building, deploying, upgrading, and debugging React Native apps with Expo. Covers UI development with Expo Router, SwiftUI and Jetpack Compose components, Tailwind CSS setup, API routes, data fetching, CI/CD workflows, App Store and Play Store deployment, SDK upgrades, DOM components, and dev client distribution.

23 skills · 1 MCP server

anthropics/claude-plugins-official 47,076

ui-design

claudecodex

Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns

9 skills · 4 commands · 3 agents

wshobson/agents 42,461

copilotkit

claude

AI agent skills for CopilotKit — search the current documentation and source, and drive the CopilotKit CLI

9 skills · 2 MCP servers

CopilotKit/CopilotKit 38,675

Val Town

claudecodex

Build and deploy on Val Town. Bundles the Val Town MCP server and platform skills (HTTP vals, cron/intervals, SQLite, email, OAuth, React UI, third-party integrations, templates).

11 skills · 1 MCP server

anthropics/knowledge-work-plugins 35,601

Maintain experience-react?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins22 plugins