skills.rest
albanist
albanistCOMMUNITY
Explore all skills by this author →
GitHub

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

Related Skills

Explore More Software Engineering Skills→
umbracoumbraco
26

umbraco-menu-items

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

Official
Intermediate
kraftvaerkkraftvaerk

umbraco-menu-items

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

Official
Intermediate
umbracoumbraco
26

umbraco-review-checks

Validate Umbraco backoffice extensions against code quality, architecture, and UI pattern standards.

Official
Intermediate
umbracoumbraco
26

umbraco-extension-registry

Manage Umbraco backoffice UI extensions via the umbExtensionsRegistry.

Official
Intermediate