umbraco-bundle

Bundle multiple Umbraco backoffice extension manifests into a single JavaScript file.

Updated Mar 6, 2026
One-click install
npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-bundle-kraftvaerk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: umbraco-bundle
Source: https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy/tree/main/Kraftvaerk.Umbraco.Alchemy.Frontend/.agents/skills/umbraco-bundle
Command: npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-bundle-kraftvaerk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill simplifies the process of organizing and declaring multiple Umbraco backoffice extensions by bundling them into a single JavaScript file, reducing complexity and improving modularity.

Core Features & Use Cases

  • Extension Bundling: Group multiple extension manifests (like dashboards, header apps, etc.) into a single JavaScript bundle.
  • Code-based Manifests: Define extensions directly in TypeScript/JavaScript instead of relying solely on JSON.
  • Use Case: Streamline the development of custom Umbraco backoffice features by managing all related extensions within a single, maintainable bundle.

Quick Start

Use the umbraco-bundle skill to create a new bundle for a dashboard and a header app extension.

Frequently Asked Questions about umbraco-bundle

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

FAQPage Schema
How do I bundle multiple Umbraco backoffice extensions into a single file?

Umbraco backoffice extension bundling works by creating a single JavaScript file that exports multiple extension manifests. This allows you to group related UI elements like dashboards and header apps into one maintainable JavaScript bundle.

Can I define Umbraco extension manifests using TypeScript instead of JSON?

Yes, you can define Umbraco extension manifests directly in TypeScript or JavaScript. This code-based manifest approach replaces relying solely on JSON, allowing you to manage custom backoffice features within a structured JavaScript module pattern.

What is the best way to organize custom dashboards and header apps in Umbraco?

The best way to organize custom dashboards and header apps is through extension bundling. By declaring multiple related extension manifests in a single JavaScript bundle, you streamline development and maintain all custom backoffice features in one place.

Do I need to follow a specific manifest structure for Umbraco extension bundling?

Yes, Umbraco extension bundling requires adherence to Umbraco's extension manifest structure and standard JavaScript module patterns. Following this structure ensures your bundled TypeScript or JavaScript manifests correctly register custom UI elements.

Why bundle Umbraco backoffice extensions rather than declaring them individually?

Bundling Umbraco backoffice extensions simplifies the process of organizing multiple declarations by combining them into a single JavaScript file. This reduces configuration complexity, improves code modularity, and centralizes the management of custom UI components.