umbraco-menu

Name: umbraco-menu
Availability: InStock
Author: Kraftvaerk

Create and extend custom menus in the Umbraco backoffice using TypeScript and JSON manifest files.

Updated Mar 6, 2026

Search Tags:#extension #manifest #ui development #menu #umbraco #backoffice

Ready to run

npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-menu-kraftvaerk

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: umbraco-menu
Source: https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy/tree/main/Kraftvaerk.Umbraco.Alchemy.Frontend/.agents/skills/umbraco-menu
Command: npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-menu-kraftvaerk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill simplifies the process of creating and extending menus within the Umbraco backoffice, enabling better organization and navigation for custom features.

Core Features & Use Cases

Custom Menu Creation: Define entirely new menus for specific sections or functionalities.
Menu Item Extension: Add new items to existing Umbraco menus (like the Help menu) or your custom menus.
Use Case: Add a "My Custom Links" menu to the Umbraco header with links to your project documentation and a direct link to a specific content editing section.

Quick Start

Use the umbraco-menu skill to create a new menu item that links to 'https://my-docs.com' and appears in the Umbraco Help menu.

Frequently Asked Questions about umbraco-menu

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I add a custom menu item to the Umbraco backoffice Help menu?▼

To add a custom menu item to the Umbraco Help menu, you implement it using TypeScript and a JSON manifest file that extends the existing menu structure. This allows you to insert links, such as direct URLs to project documentation, directly into the backoffice interface.

Can I create an entirely new menu container in the Umbraco backoffice for custom navigation?▼

Yes, you can create entirely new menu containers in the Umbraco backoffice for organized navigation. By defining a new menu and its items in a JSON manifest, you establish dedicated sections for specific functionalities or custom links.

What is the best way to organize custom links in the Umbraco backoffice interface?▼

The best way to organize custom links is by extending existing menus or creating new menu containers using Umbraco's extension point system. This approach uses TypeScript and JSON manifests to structure navigation logically for custom features.

Do I need to understand JSON manifest files to build Umbraco backoffice menus?▼

Yes, understanding JSON manifest files and Umbraco's extension point system is required. The menu creation process relies on these manifest structures to define and register custom menus and menu items within the backoffice interface using TypeScript.

Does extending Umbraco backoffice menus require any external dependencies?▼

No, extending Umbraco backoffice menus does not require external dependencies. The implementation relies entirely on using TypeScript and JSON manifest files to interface with Umbraco's built-in extension point system for UI development.