forcedotcom avatar

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-code

Installs 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 onProgress callback

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
1jeffallan avatarreact-native-expertjeffallan/claude-skillsBuilds, optimizes, and debugs cross-platform mobile applications with React Native and Expo. Implements navigation hierarchies (tabs, stacks, drawers), configur5.2Kskills.sh installs
2claude-office-skills avatarhtml-to-pptclaude-office-skills/skillsConvert HTML/Markdown to PowerPoint presentations using Marp5.1Kskills.sh installs
3jeffallan avatarangular-architectjeffallan/claude-skillsGenerates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management, applies RxJS patterns, 5.1Kskills.sh installs
4forcedotcom avatarexperience-ui-bundle-site-generateforcedotcom/sf-skillsMUST activate when the project contains a uiBundles/*/src/ directory and the task involves creating or configuring site infrastructure. Use this skill when crea5Kskills.sh installs
5affaan-m avatarnextjs-turbopackaffaan-m/everything-claude-codenextjs turbopack4.9Kskills.sh installs
6vercel-labs avatarnextjsvercel-labs/vercel-pluginnextjs4.3Kskills.sh installs