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

salesforce-web-app-feature

Integrate official Salesforce web app feature packages into React apps using a copy-then-adjust workflow.

803|289|Updated Nov 7, 2025
Search Tags:#react#salesforce#web-app#feature-integration#npm-packages#copy-then-adjust
One-click install
npx skills add https://github.com/forcedotcom/afv-library --skill salesforce-web-app-feature
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: salesforce-web-app-feature
Source: https://github.com/forcedotcom/afv-library/tree/main/skills/salesforce-web-app-feature
Command: npx skills add https://github.com/forcedotcom/afv-library --skill salesforce-web-app-feature

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers building Salesforce React web apps spend excessive time researching, copying, and wiring in feature packages; this skill standardizes the process by guiding the use of official packages and a copy-then-adjust workflow.

Core Features & Use Cases

  • Prefers official feature packages for authentication, global search, charts, GraphQL data access, and shared UI components.
  • Provides a structured copy-then-adjust workflow to quickly integrate features while fixing imports and aligning with app layout and routes.
  • Supports installing and integrating npm packages and official feature packages to accelerate development.

Quick Start

Install and integrate an official Salesforce web app feature package into your app.

Frequently Asked Questions about salesforce-web-app-feature

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

FAQPage Schema
How do I integrate Salesforce web app features into a React application?▼

Salesforce web app feature integration is automated by guiding the use of official packages and a copy-then-adjust workflow for React applications. It fixes imports and aligns features with app layout and routes.

What is the copy-then-adjust workflow for adding app features?▼

The copy-then-adjust workflow is a structured process to quickly integrate feature packages into your app. It involves copying official package features and adjusting import paths to align with your specific app layout and routes.

Can I use this to add authentication and global search to my Salesforce React app?▼

Yes, you can use this to add authentication, global search, charts, and GraphQL data access to Salesforce React apps. It ensures proper installation and best-practice usage of official feature packages for these specific capabilities.

How do I install npm packages for Salesforce web app development?▼

You can install npm packages and official feature packages to accelerate Salesforce web app development. This provides a standardized process for wiring in dependencies, ensuring proper import path fixes and adherence to package usage best practices.

Does this support integrating Agentforce conversation clients and ShadCN components?▼

Yes, it supports integrating the Agentforce conversation client and ShadCN components into your Salesforce React application. It ensures these shared UI components and feature packages align with your app layout and follow best-practice usage.

Related Skills

Explore More Software Engineering Skills→
levanminhduclevanminhduc

shopify

Guide developers in building Shopify apps, extensions, themes, and API integrations.

Community
Advanced
angryracoonangryracoon

experience-lwc-generate

Generate Lightning Web Component bundles with JavaScript, HTML, CSS, and meta.xml.

Community
Advanced
padjeipadjei

experience-ui-bundle-deploy

Automate UI Bundle deployment to Salesforce orgs with authentication and metadata deployment.

Community
Advanced
daangndaangn
1.0k

react-headless-dev

Implement unstyled, logic-only React headless components and custom hooks with namespace exports.

Official
Advanced