skills.rest
cchrisv
cchrisvCOMMUNITY
Explore all skills by this author →
GitHub

generating-ui-bundle-metadata

Scaffold Salesforce UI Bundle metadata and validate CSP configurations.

Updated Apr 19, 2026
Search Tags:#template#scaffolding#metadata#salesforce#ui-bundle#uibundle-metadata#csp-trusted-site
One-click install
npx skills add https://github.com/cchrisv/professorFlowVisualPicker --skill generating-ui-bundle-metadata
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: generating-ui-bundle-metadata
Source: https://github.com/cchrisv/professorFlowVisualPicker/tree/main/.agents/skills/generating-ui-bundle-metadata
Command: npx skills add https://github.com/cchrisv/professorFlowVisualPicker --skill generating-ui-bundle-metadata

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams scaffold Salesforce UI Bundles by generating and validating the required metadata files (e.g., <AppName>.uibundle-meta.xml, ui-bundle.json) and CSP trusted site configurations, ensuring a correct bundle structure before deployment.

Core Features & Use Cases

  • Scaffolds a new UI Bundle under uiBundles/<AppName>/ with the proper .uibundle-meta.xml and optional ui-bundle.json, routing, and headers.
  • Validates ui-bundle.json contents, CSP trusted site metadata, and the presence of a dist/build output after scaffolding.
  • Enforces canonical naming and folder structure and guides CSP metadata integration for secure resource loading.

Quick Start

Run sf template generate ui-bundle -n CoffeeBoutique --template reactbasic to scaffold a new UI bundle.

Frequently Asked Questions about generating-ui-bundle-metadata

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

FAQPage Schema
How do I scaffold a Salesforce UI bundle with the correct metadata structure?▼

Generating UI bundle metadata requires creating the uiBundles/<AppName>/ directory structure with a valid <AppName>.uibundle-meta.xml file and ui-bundle.json for routing and headers. This ensures correct folder structure before deployment.

What files are required to deploy a Salesforce UI bundle?▼

Salesforce UI bundle deployment requires the <AppName>.uibundle-meta.xml file, ui-bundle.json configuration, and a dist/ build output directory. Validating these required files prevents deployment failures.

How do I configure CSP trusted sites for a Salesforce UI bundle?▼

Configuring CSP trusted sites for Salesforce UI bundles involves generating CSP trusted site metadata to enable secure resource loading. This validates CSP configurations and integrates them with the ui-bundle.json setup.

Why does my Salesforce UI bundle fail validation during scaffolding?▼

UI bundle validation fails when required files like <AppName>.uibundle-meta.xml and ui-bundle.json are missing, the folder structure deviates from the canonical uiBundles/*/src pattern, or the dist/ output directory is absent.

When do I need to generate ui-bundle.json and uibundle-meta.xml files?▼

You need to generate these files when your project contains uiBundles/*/src directories and you are scaffolding with sf template generate ui-bundle, or when editing ui-bundle.json and CSP trusted site metadata for deployment.

Related Skills

Explore More Software Engineering Skills→
cchrisvcchrisv

generating-ui-bundle-features

Provision authentication and global search features for Salesforce UI bundles.

Community
Intermediate
cchrisvcchrisv

deploying-ui-bundle

Orchestrate Salesforce UI bundle deployment with authentication, build, metadata, and post-deploy setup.

Community
Advanced
dmckeeSFdmckeeSF

generating-ui-bundle-metadata

Create Salesforce UI Bundles and configure ui-bundle.json and trusted sites metadata files.

Community
Intermediate
CollabalistCollabalist

generating-ui-bundle-metadata

Generate UI Bundle metadata files for Salesforce projects.

Community
Intermediate