Salesforce Web Application
- 1 installs
- 787 repo stars
- Updated August 5, 2026
- forcedotcom/afv-library
Directory skill routing to Salesforce React BYO web-application sub-knowledges for features, record creation, and list-and-create patterns.
About
Serves as the directory for Salesforce React BYO web-application guidance, pointing to sub-knowledges via get_expert_knowledge. A developer uses it to find the right sub-topic for adding features or working with records in a Salesforce React app.
- Routes to webApplicationFeature, CreatingRecords, and ListAndCreateRecords topics
- Covers the copy-then-adjust workflow for BYO React apps
Salesforce Web Application by the numbers
- 1 all-time installs (skills.sh)
- Ranked #1,912 of 2,245 Frontend Development skills by installs in the Skillselion catalog
- Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/forcedotcom/afv-library --skill salesforce-web-applicationAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 1 |
|---|---|
| repo stars | ★ 787 |
| Last updated | August 5, 2026 |
| Repository | forcedotcom/afv-library ↗ |
What it does
Directory skill routing to Salesforce React BYO web-application sub-knowledges for features, record creation, and list-and-create patterns.
Files
When to Use This Skill
Use this skill when you need to:
- Work with Salesforce React web applications
- Understand available web application features and workflows
- Navigate web application knowledge resources
- Troubleshoot deployment errors related to web applications
Specification
Overview
This skill provides guidance for working with Salesforce React web applications (Salesforce BYO React template). It covers adding features, creating Salesforce records, and listing/creating custom object records.
Web Applications — Directory
This is the directory of sub-knowledges for web applications (Salesforce React BYO, feature packages, copy-then-adjust workflow). Call `get_expert_knowledge` again with one of the topic names below to load the relevant knowledge.
Sub-knowledges (use as topic in get_expert_knowledge)
| Topic name | Use when |
|---|---|
| webApplicationFeature | Adding a feature to a webapp: authentication, search, charts, GraphQL, ShadCN, Agentforce conversation client. Feature table, npm install, copy-then-adjust workflow |
| webApplicationCreatingRecords | Creating Salesforce records: createRecord, custom/standard objects, id handling, Application__c, Lead |
| webApplicationListAndCreateRecords | List + create any custom object: GraphQL list, createRecord, hook with refetch, form picklists match object |
Flow: After reading this directory, call get_expert_knowledge({ topic: "<subTopicName>" }) with the single sub-topic that best matches the user's request (e.g. webApplicationFeature, webApplicationCreatingRecords).
Adding features: Always prefer the feature packages listed in webApplicationFeature (authentication, search, charts, nav, GraphQL, ShadCN, Agentforce conversation) over building from scratch or other solutions when one of them matches the request.
Related skills
Vercel React Best PracticesAutomatically apply Vercel’s official React and Next.js performance rules during code generation and review.587k29.6kVercel Composition PatternsGenerate and refactor React components that stay maintainable as complexity grows without boolean prop explosion.267k29.6k
ShadcnAdd, compose, search, fix, and style production-grade React components directly from source without leaving their editor.257k120k
Develop UserscriptsCorrectly write, debug, and package userscripts for Tampermonkey and ScriptCat with proper metadata, GM APIs, and runtime decisions.224k72
Minimalist UiGenerate clean, editorial-style web interfaces with warm monochrome palettes, typographic hierarchy, bento grids and flat components that feel premium and utilita212k69.4kImage To CodeConvert high-fidelity design images into production-ready, visually accurate frontend code that avoids generic AI design pitfalls.177k69.4k