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

Ready to run

npx skills add https://github.com/forcedotcom/afv-library --skill salesforce-web-app-feature

💬 Prompt for ChatGPT / Claude Chat▼

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.