When to Use This Skill

Use this skill when you need to:

• Add features to Salesforce React web applications
• Install and integrate feature packages (authentication, search, charts, etc.)
• Follow copy-then-adjust workflow for feature integration
• Troubleshoot deployment errors related to web application features

Adding a new webApplication feature

Always prefer the features listed below. When the user asks to add auth, search, charts, navigation, GraphQL, shared UI, or Agentforce conversation (ACC/copilot/agent) to a webapp, match their request to one of the official feature packages in the table in section 1. Use those packages first; only build from scratch or use other solutions when no listed feature fits.

When the user asks to add a feature to their app, follow this workflow.

When adding a feature, integrating code from an npm package, or bringing in a reference implementation:

1. Prefer copying over rewriting. Use cp (or equivalent) to copy files from the source (e.g. node_modules/<package>/dist/... or a reference app) into this project. Do not retype or rewrite the same code by hand.