umbraco-menu-items

Generate Umbraco backoffice menu item manifests and action implementations.

1|Updated May 21, 2026

Search Tags:#typescript #menu items #umbraco #backoffice #extension registry #action handling #lit web components

Ready to run

npx skills add https://github.com/1k-off/umbraco-observability-playground --skill umbraco-menu-items-1k-off

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: umbraco-menu-items
Source: https://github.com/1k-off/umbraco-observability-playground/tree/main/.agents/skills/umbraco-menu-items
Command: npx skills add https://github.com/1k-off/umbraco-observability-playground --skill umbraco-menu-items-1k-off

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you implement Umbraco backoffice menu items so your extension can surface navigation and executable actions in the correct UI locations using the official APIs and patterns.

Core Features & Use Cases

Generates menu item manifests for link, action, and tree kinds with proper metadata such as alias, label, icon, and menu placement.
Implements action behavior by creating an UmbMenuItemAction subclass that runs on click for action-type menu items.
Supports tree-based menu structures by wiring a tree menu item to a tree alias for hierarchical navigation.
Guides implementation with official documentation and points you to the repository example code to ensure production-aligned structure.

Quick Start

Fetch the latest Umbraco menu-item docs, then ask the AI to generate a complete working manifest plus (when needed) the corresponding action implementation for your chosen menu item kind (link, action, or tree).

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 extension registry?▼

Umbraco backoffice menu items require defining a manifest with type=menuItem and kind-specific fields like href for links, api/treeAlias for tree structures, or an UmbMenuItemAction subclass for click behavior.

How do I implement click actions for Umbraco backoffice menu items?▼

Implementing Umbraco backoffice action menu items requires creating an UmbMenuItemAction subclass that runs custom logic on click, using official backoffice modules to wire the executable behavior.

Can I create hierarchical tree-based submenus in an Umbraco extension?▼

Yes, you can create hierarchical tree submenus in an Umbraco extension by wiring a tree menu item to a tree alias, enabling structured navigation within the backoffice using official API patterns.

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

Umbraco menu item kinds differ by function: link kinds use href for navigation, action kinds use UmbMenuItemAction for executable click behavior, and tree kinds use treeAlias for hierarchical submenu structures.

Do I need Lit web components to build Umbraco backoffice menu item extensions?▼

Yes, building Umbraco backoffice menu item extensions involves Lit web components and TypeScript, as the official APIs and patterns utilize these technologies to register manifests and implement action handling correctly.