experience-ui-bundle-file-upload-generate

Generate Salesforce UI bundle file upload flows with progress tracking and record linking.

Updated Jun 17, 2026
One-click install
npx skills add https://github.com/angryracoon/ARIEF-VISEO-DEV-ORG --skill experience-ui-bundle-file-upload-generate
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: experience-ui-bundle-file-upload-generate
Source: https://github.com/angryracoon/ARIEF-VISEO-DEV-ORG/tree/main/.agents/skills/experience-ui-bundle-file-upload-generate
Command: npx skills add https://github.com/angryracoon/ARIEF-VISEO-DEV-ORG --skill experience-ui-bundle-file-upload-generate

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you add reliable file upload flows to React UI bundle apps without rebuilding low-level upload logic, progress handling, or Salesforce file linking from scratch.

Core Features & Use Cases

  • Custom upload UI: Build your own file input or drag-and-drop experience while using the provided upload API behind the scenes.
  • Progress tracking: Show per-file status updates, percentage progress, success states, and error handling for a better user experience.
  • Salesforce record linking: Support immediate attachment to existing records, deferred linking after record creation, or uploads tied to the current user.
  • Use case: Add a document upload step to a case intake form, let users see upload progress, then attach files to the newly created Salesforce record.

Quick Start

Use this skill to design a custom React file upload flow that uploads files with progress tracking and links them to Salesforce records when needed.

Frequently Asked Questions about experience-ui-bundle-file-upload-generate

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a drag-and-drop file upload to a React UI bundle in Salesforce?

To add drag-and-drop file uploads to a React UI bundle, you need an upload API that handles low-level XHR or FormData logic. This approach lets you build custom UI components while tracking per-file upload progress and linking files to Salesforce records.

How do I link uploaded files to a newly created Salesforce record?

To link uploaded files to a newly created Salesforce record, implement deferred record linking. This involves uploading files first, then attaching them to the target recordId after the record creation completes successfully.

Can I show upload progress and cancel ongoing file uploads in Salesforce React apps?

Yes, you can show upload progress and cancel ongoing file uploads in Salesforce React apps by using progress callbacks and cancellation support from your upload API. This provides per-file status updates, percentage tracking, and abort capabilities.

What is the best way to handle Salesforce file persistence without hand-coding FormData logic?

The best way to handle Salesforce file persistence without hand-coding FormData logic is to use an abstraction layer that wraps the upload API. This ensures explicit recordId handling and optional ContentVersion creation for reliable file storage.

Does this file upload approach support attaching documents to the current Salesforce user?

Yes, this file upload approach supports attaching documents to the current Salesforce user. The upload API handles explicit recordId handling, allowing you to target existing records, defer linking, or attach uploads directly to the current user's profile.