umbraco-bundle

Generate Umbraco bundle manifests and JavaScript entry files for backoffice extensions.

1|Updated May 21, 2026
One-click install
npx skills add https://github.com/1k-off/umbraco-observability-playground --skill umbraco-bundle-1k-off
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: umbraco-bundle
Source: https://github.com/1k-off/umbraco-observability-playground/tree/main/.agents/skills/umbraco-bundle
Command: npx skills add https://github.com/1k-off/umbraco-observability-playground --skill umbraco-bundle-1k-off

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you implement Umbraco backoffice Bundles so you can register and group multiple extension manifests from a single JavaScript entry point instead of managing many separate JSON definitions.

Core Features & Use Cases

  • Docs-driven bundle implementation: Guides you to fetch the latest official docs and follow the recommended extension-type approach.
  • Bundle + manifest generation: Produces a bundle file that re-exports one or more extension manifests written in JavaScript/TypeScript.
  • Modular organization: Supports composing manifests from multiple files so your backoffice features (dashboards, apps, sections) remain maintainable.
  • Practical use case: When you’re building several related backoffice UI contributions (e.g., multiple dashboards and header apps), use the Bundle to register them together cleanly and consistently.

Quick Start

Use this command: Ask the agent to implement an Umbraco Bundle named "My Package Bundle" that re-exports TypeScript manifest modules for dashboards and header apps, following the latest Umbraco documentation.

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 extension manifests into one JavaScript entry point?▼

You can group multiple Umbraco extension manifests by generating a bundle manifest configuration and a JavaScript bundle file that re-exports compatible UmbExtensionManifest objects, registering related backoffice UI extensions together cleanly without maintaining many standalone JSON definitions.

What is an Umbraco backoffice extension Bundle used for?▼

An Umbraco Bundle groups multiple extension manifests into a single JavaScript entry point, solving the maintainability problem of managing many separate JSON definitions when registering related backoffice features like dashboards and header apps.

Can I use TypeScript to write Umbraco backoffice extension manifests in a bundle?▼

Yes, you can use TypeScript to write Umbraco backoffice extension manifests. The bundle file supports re-exporting TypeScript manifest modules, allowing you to compose and organize backoffice UI features like dashboards and apps maintainably.

How do I organize multiple Umbraco dashboards and header apps in a maintainable way?▼

To organize multiple Umbraco dashboards and header apps maintainably, use a Bundle to compose manifests from multiple JavaScript or TypeScript files, registering them together from a single entry point instead of maintaining separate JSON definitions.

When should I use a bundle instead of standalone JSON manifests for Umbraco extensions?▼

Use a bundle instead of standalone JSON manifests when building several related Umbraco backoffice UI contributions, allowing you to group multiple extension manifests into a single JavaScript entry point for cleaner and more consistent registration.