umbraco-menu-items

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

Updated Mar 6, 2026
One-click install
npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-menu-items-kraftvaerk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: umbraco-menu-items
Source: https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy/tree/main/Kraftvaerk.Umbraco.Alchemy.Frontend/.agents/skills/umbraco-menu-items
Command: npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-menu-items-kraftvaerk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables developers to seamlessly integrate custom menu items into the Umbraco backoffice, enhancing navigation and providing quick access to specific actions or information.

Core Features & Use Cases

  • Custom Menu Item Creation: Implement link, action, or tree-type menu items.
  • Integration with Umbraco UI: Add items to existing menus or create new ones.
  • Use Case: Add a "Content Audit" action button to the "Content" section's main menu, allowing editors to quickly trigger a content review process.

Quick Start

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

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 menu items to the Umbraco backoffice, you implement link, action, or tree-type items using the Umbraco extension manifest system. This extends backoffice navigation by adding custom links and action triggers to predefined menus.

What types of custom menu items can I create for Umbraco UI development?

For Umbraco UI development, you can create three types of custom menu items: link, action, and tree. Link items point to URLs, action items trigger specific processes, and tree items integrate nested navigation structures into existing backoffice menus.

Can I use TypeScript to implement custom action triggers in Umbraco menus?

Yes, you can use TypeScript to implement custom action triggers in Umbraco menus. Custom action menu items optionally require custom element or action implementations, allowing you to define specific behaviors using TypeScript within the extension manifest system.

How does the Umbraco extension manifest system work for backoffice customization?

The Umbraco extension manifest system works for backoffice customization by defining custom menu items that integrate into existing menus or create new ones. It facilitates UI extension by mapping predefined menus to custom navigation links and action triggers.

Do I need custom element implementations to extend Umbraco with action menu items?

You optionally need custom element implementations to extend Umbraco with action menu items. While the manifest system handles the menu structure, custom elements or action implementations are required to define the specific behavior triggered when editors interact with the action.