forcedotcom avatar

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 with progress tracking and three patterns: basic upload for just getting a contentBodyId, immediate record linking when you already have a record ID, and deferred linking for create-record-with-attachments flows. The API-only approach means you build your own file inputs and progress bars using the callbacks, which gives you flexibility but requires more UI work upfront. Good fit if you need custom upload UX or multi-step forms where the record doesn't exist yet. Supports cancellation via AbortController and integrates with Salesforce ContentVersion records.

skills.sh installs
3.5K
GitHub stars
1.2K
last updated
Aug 21, 2026

Install

$ npx -y skills add forcedotcom/sf-skills --skill implementing-ui-bundle-file-upload --agent claude-code

Installs 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 with progress tracking and three patterns: basic upload for just getting a contentBodyId, immediate record linking when you already have a record ID, and deferred linking for create-record-with-attachments flows. The API-only approach means you build your own file inputs and progress bars using the callbacks, which gives you flexibility but requires more UI work upfront. Good fit if you need custom upload UX or multi-step forms where the record doesn't exist yet. Supports cancellation via AbortController and integrates with Salesforce ContentVersion records.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/forcedotcom/sf-skills
Categories
Frontend Development, Backend & APIs, DevOps & CI/CD, Sales & Marketing
First seen
Jun 3, 2026

More from forcedotcom/sf-skills

All 158
1onmax avatarnuxt-seoonmax/nuxt-skillsNuxt SEO meta-module with robots, sitemap, og-image, schema-org. Use when configuring SEO, generating sitemaps, creating OG images, or adding structured data.3.2Kskills.sh installs
2nexu-io avatarui-skillsnexu-io/open-designOpinionated, evolving constraints to guide agents when building interfaces. Useful for keeping output coherent across many small UI pieces.3.1Kskills.sh installs
3nexu-io avatarfrontend-devnexu-io/open-designFull-stack frontend with cinematic animations, AI-generated media via MiniMax API, and generative art. Useful for hero pages and showcase sites.3Kskills.sh installs
4asyrafhussin avatarreact-vite-best-practicesasyrafhussin/agent-skillsReact and Vite performance optimization guidelines. Use when writing, reviewing, or optimizing React components built with Vite. Triggers on tasks involving Vit3Kskills.sh installs
5mastra-ai avatarreact-best-practicesmastra-ai/mastraReact performance optimization guidelines from Mastra Engineering. This skill should be used when writing, reviewing, or refactoring React code to ensure optima2.8Kskills.sh installs
6nexu-io avatardesign-taste-frontendnexu-io/open-designAnti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that d2.8Kskills.sh installs