experience-ui-bundle-frontend-generate

What problem does it solve?

This Skill prevents broken UI updates in existing Salesforce Experience UI bundle apps by enforcing the project’s layout, routing, styling, and file-ownership conventions before code is generated.

Core Features & Use Cases

• Page Changes: Update routed pages inside the existing app shell without disturbing the router structure.
• Layout Changes: Modify shared header, footer, navigation, and branding through the correct layout entry points.
• Component Work: Build reusable or page-specific React components with the expected shadcn/ui and Tailwind patterns.
• Project Safety: Avoid incorrect imports, invalid router usage, and unsupported Salesforce module references that would break the app.
• Use Case: A developer wants to add a settings page, refresh the top navigation, or restyle a dashboard while preserving the repository’s conventions and build stability.

Quick Start

Tell me which existing page, component, or layout in the UI bundle you want changed, and I will apply the repository conventions to produce the update.