skills.rest
1k-off
1k-offCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/1k-off/umbraco-observability-playground --skill umbraco-menu-items-1k-off
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
rodydavisrodydavis
58

lit-and-vscode-extensions

Create VSCode extensions with Lit web components using Node.js, TypeScript, and Vite.

Community
Intermediate
umbracoumbraco
26

umbraco-menu-items

Implement custom link, action, and tree menu items in the Umbraco backoffice.

Official
Intermediate
albanistalbanist
4

umbraco-menu-items

Implement custom menu items in the Umbraco backoffice using TypeScript.

Community
Intermediate
albanistalbanist
4

umbraco-entry-point

Implement custom initialization logic and UI extensions in the Umbraco backoffice.

Community
Intermediate