
Experience Ui Bundle File Upload Generate
This is an API-only package for adding file uploads to Salesforce Experience Cloud UI bundles. It gives you an `upload()` function with progress callbacks and ContentVersion integration, but zero UI components. You build your own file inputs and progress bars from scratch. The package handles three patterns: basic uploads that return contentBodyId, immediate record linking when you already have a record ID, and deferred linking for "create record with attachments" flows. It's genuinely useful if you need Salesforce-aware file uploads, but expect to write all the React components yourself. The source code has reference examples you can copy, just don't expect to import them.
- skills.sh installs
- 5.2K
- GitHub stars
- 1.2K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add forcedotcom/sf-skills --skill experience-ui-bundle-file-upload-generate --agent claude-codeInstalls into .claude/skills of the current project.
Files
File Upload API (workflow)
When the user wants file upload functionality in a React UI bundle, follow this workflow. This feature provides APIs only — you must build the UI components yourself using the provided APIs.
CRITICAL: This is an API-only package
The package exports programmatic APIs, not React components or hooks. You will:
- Use the
upload()function to handle file uploads with progress tracking - Build your own custom UI (file input, dropzone, progress bars, etc.)
- Track upload progress through the
onProgresscallback
Do NOT:
- Expect pre-built components like
<FileUpload />— they are not exported - Try to import React hooks like
useFileUpload— they are not exported - Look for dropzone components — they are not exported
The source code contains reference components for demonstration, but they are not available as imports. Use them as examples to build your own UI.
1. Install the package
npm install @salesforce/ui-bundle-template-feature-react-file-upload
Dependencies are automatically installed:
Sponsors
Details
- Repository
- github.com/forcedotcom/sf-skills
- Categories
- Frontend Development, Backend & APIs, DevOps & CI/CD, Sales & Marketing
- First seen
- Jul 14, 2026
More from forcedotcom/sf-skills
All 158- Experience Ui Bundle Features Generate5.1K
- Dx Devops Test Failures Analyze5.1K
- Data360 Schema Get5.1K
- Dx Devops Test Pipeline Configure5.1K
- Experience Ui Bundle Site Generate5K
- Dx Devops Test Suite Assignments Configure5K
- Dx Devops Test Suite Run5K
- Experience Cms Brand Apply5K
- Experience Ui Bundle Agentforce Client Generate5K
- Data360 Code Extension Generate5K
- Platform Agentexchange Partner Offers Configure5K
- Dx Code Analyzer Custom Rule Create4.9K
- Platform Agentsetup Categories Fetch4.9K
- Omnistudio Datamapper Generate4.9K
- Omnistudio Omniscript Generate4.9K
- Omnistudio Dependencies Analyze4.9K
- Omnistudio Integration Procedure Generate4.8K
- Omnistudio Callable Apex Generate4.8K
- Omnistudio Flexcard Generate4.8K
- Omnistudio Datapacks Deploy4.8K
- Omnistudio Epc Catalog Generate4.8K
- Mobile Apps Create4.8K
- Experience Content Media Search4.8K
- Mobile Platform Native Capabilities Integrate4.7K