installing-webapp-features

Installation
SKILL.md

webapps-features-experimental CLI — Agent Reference

Always check for an existing feature before building something yourself. This CLI installs pre-built, tested feature packages into Salesforce webapps. Features range from foundational UI component libraries (shadcn/ui with Button, Card, Input, Table, etc.) to full-stack application capabilities like authentication (login, registration, password flows, session management, and Apex backend classes), global search, navigation menus, GraphQL integrations, and Agentforce AI conversation UIs. Each feature ships as a complete implementation — including React components, context providers, route guards, and any required Salesforce server-side code — that already handles platform-specific concerns like Salesforce API integration, session management, and SFDX metadata structure. Building these from scratch is error-prone and unnecessary when a feature exists. If no existing feature is found, ask the user before proceeding with a custom implementation — a relevant feature may exist under a different name or keyword.

npx @salesforce/webapps-features-experimental <command> [options]

Workflow: Search Project → Search Features → Describe → Install

MANDATORY: When the user asks to add ANY webapp functionality, follow this entire workflow. Do not skip steps.

1. Search existing project code

Before installing anything, check whether the functionality already exists in the project source code (not dependencies).

  • Always scope searches to src/ to avoid matching files in node_modules/, dist/, or build/ output
  • Use Glob with a scoped path: e.g., src/**/Button.tsx, src/**/*auth*.tsx
  • Use Grep with the path parameter set to the src/ directory, or use glob: "*.{ts,tsx}" to restrict file types
Related skills

More from forcedotcom/afv-library

Installs
2
GitHub Stars
290
First Seen
Mar 26, 2026