umbraco-menu-items

Implement custom menu items in the Umbraco backoffice using TypeScript.

4|Updated Mar 6, 2026

Search Tags:#typescript #customization #extension #menu items #umbraco #backoffice

Ready to run

npx skills add https://github.com/albanist/umbraco_CLI --skill umbraco-menu-items-albanist

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: umbraco-menu-items
Source: https://github.com/albanist/umbraco_CLI/tree/main/skills/extensions/umbraco-menu-items
Command: npx skills add https://github.com/albanist/umbraco_CLI --skill umbraco-menu-items-albanist

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill allows developers to easily add custom menu items to the Umbraco backoffice, enhancing navigation and providing quick access to actions or external links.

Core Features & Use Cases

Custom Navigation: Add links, actions, or tree structures to various Umbraco menus.
Extensibility: Integrate custom functionality directly into the backoffice UI.
Use Case: Add a "Documentation" link to the Help menu, or an "Export Content" action to the Content menu.

Quick Start

Use the umbraco-menu-items skill to create a new link menu item that points to 'https://example.com' and appears in the 'Umb.Menu.Help' menu.

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

Umbraco backoffice custom menu items are implemented using TypeScript and the Umbraco extension manifest system. You can configure link, action, and tree menu item types with custom metadata, optional elements, or action logic.

What types of Umbraco backoffice menu extensions can I create?▼

Umbraco backoffice menu extensions support three types: link items for external URLs, action items for executing custom logic, and tree items for hierarchical navigation. Each type supports configurable metadata and optional custom elements.

Can I use TypeScript to customize Umbraco backoffice navigation?▼

Yes, TypeScript is used to customize Umbraco backoffice navigation. The extension system relies on TypeScript and manifest definitions to integrate custom functionality directly into the backoffice UI.

Do I need to understand Umbraco's extension system to add backoffice links?▼

Yes, understanding Umbraco's extension system and manifest definitions is required to add backoffice links. This knowledge is necessary to properly configure metadata and implement optional custom elements or action logic.

How do I add an external link to the Umbraco Help menu?▼

You add an external link to the Umbraco Help menu by creating a link menu item extension targeting the 'Umb.Menu.Help' menu. Configure the manifest with your desired URL metadata using TypeScript.