umbraco-menu-items

Generate Umbraco backoffice menu item manifests and action code.

4|Updated Mar 6, 2026
One-click install
npx skills add https://github.com/albanistrefi/umbraco_CLI --skill umbraco-menu-items-albanistrefi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: umbraco-menu-items
Source: https://github.com/albanistrefi/umbraco_CLI/tree/main/skills/extensions/umbraco-menu-items
Command: npx skills add https://github.com/albanistrefi/umbraco_CLI --skill umbraco-menu-items-albanistrefi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps developers implement custom Umbraco backoffice menu items quickly and correctly by aligning implementation details with the official menu-item and menu-extension documentation.

Core Features & Use Cases

  • Menu item implementation guidance: Covers how menu items are structured, including link, action, and tree kinds.
  • Manifest-driven extension setup: Shows how to define menu item manifests with required fields like alias, meta (label/icon/menus), and kind-specific properties.
  • Action and custom element patterns: Provides an approach for wiring menu item actions (UmbMenuItemAction) and rendering optional custom elements (Lit-based components).
  • Documentation-first workflow: Encourages fetching the latest Umbraco docs and mapping requirements to the correct implementation pieces.

Quick Start

Ask the AI to implement a link menu item that appears in a specific backoffice menu with a given alias, label, icon, menus list, and href, following the official Umbraco menu item documentation.

Frequently Asked Questions about umbraco-menu-items

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

FAQPage Schema
How do I add custom menu items to the Umbraco backoffice?

To add custom Umbraco backoffice menu items, you generate a manifest defining the alias, meta (label/icon/menus), and kind-specific properties, then optionally wire actions or Lit custom elements for rendering.

What is the difference between link, action, and tree menu item kinds in Umbraco?

Umbraco menu item kinds dictate behavior: link kinds navigate to a URL, action kinds trigger UmbMenuItemAction execution logic, and tree kinds render hierarchical navigation structures within specific backoffice menus.

How do I implement an UmbMenuItemAction for a custom backoffice extension?

Implementing an UmbMenuItemAction requires defining the action manifest structure and wiring the execution logic in TypeScript, mapping the official Umbraco documentation requirements to the correct extension registry components.

Can I use Lit components to render custom elements in Umbraco backoffice menus?

Yes, you can render optional custom elements in Umbraco backoffice menus by building Lit-based components and registering them through the extension registry alongside your menu item manifests.

Do I need TypeScript to create Umbraco backoffice menu extensions?

TypeScript is used to map official Umbraco documentation requirements into working extension structures, generating manifests, action execution code, and optional Lit element rendering for backoffice menu items.

What's the best way to structure a manifest for an Umbraco menu extension?

The best way to structure an Umbraco menu extension manifest is to include the required alias, meta fields like label and icon, menus list for navigation targeting, and kind-specific properties based on official documentation.