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.