Implementing Ui Bundle File Upload
This handles file uploads in Salesforce UI bundles through a programmatic API rather than pre-built components. You get an upload() function that manages progress tracking and ContentVersion creation, but you build the actual UI yourself with custom dropzones, file inputs, and progress bars. The workflow is smart: upload files immediately to get contentBodyIds, optionally link them to existing records right away, or defer the linking until after you create the parent record. Progress callbacks give you pending, uploading, processing, success, and error states with percentage completion. Worth noting it's strictly an API package, so don't expect useFileUpload hooks or ready-made React components despite what the example code might suggest.
- skills.sh installs
- 1.5K
- GitHub stars
- 705
- last updated
- Jul 14, 2026
Install
$ npx -y skills add forcedotcom/afv-library --skill implementing-ui-bundle-file-upload --agent claude-codeInstalls into .claude/skills of the current project.
Files
This handles file uploads in Salesforce UI bundles through a programmatic API rather than pre-built components. You get an upload() function that manages progress tracking and ContentVersion creation, but you build the actual UI yourself with custom dropzones, file inputs, and progress bars. The workflow is smart: upload files immediately to get contentBodyIds, optionally link them to existing records right away, or defer the linking until after you create the parent record. Progress callbacks give you pending, uploading, processing, success, and error states with percentage completion. Worth noting it's strictly an API package, so don't expect useFileUpload hooks or ready-made React components despite what the example code might suggest.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/forcedotcom/afv-library
- Category
- Frontend Development
- First seen
- May 16, 2026
More from forcedotcom/afv-library
All 58- Observing Agentforce1.5K
- Searching Media1.5K
- Switching Org1.5K
- Testing Agentforce1.5K
- Uplifting Components To Slds21.5K
- Using Ui Bundle Salesforce Data1.5K
- Creating B2b Commerce Store1.4K
- Generating Lwc Components541
- Querying Soql540
- Developing Datacloud Code Extension539
- Fetching Salesforce Docs537
- Getting Datacloud Schema536
- Deploying Metadata534
- Debugging Apex Logs532
- Handling Sf Data532
- Generating Mermaid Diagrams531
- Generating Visual Diagrams531
- Running Apex Tests531
- Configuring Connected Apps526
- Building Sf Integrations523
- Retrieving Datacloud523
- Activating Datacloud522
- Harmonizing Datacloud520
- Connecting Datacloud519
Recommended
More Frontend Development
react-querymindrally/skillsGuidelines for using React Query for data fetching, caching, and server state synchronization in React applications1.5Kskills.sh installs
tailwind-design-systemsickn33/antigravity-awesome-skillstailwind design system1.3Kskills.sh installs
agent-spec-mobile-react-nativeruvnet/rufloAgent skill for spec-mobile-react-native - invoke with $agent-spec-mobile-react-native1.3Kskills.sh installs