skills.rest
kraftvaerk
kraftvaerkOFFICIAL
Explore all skills by this author →
WebsiteGitHub

umbraco-menu

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

Related Skills

Explore More Software Engineering Skills→
kraftvaerkkraftvaerk

umbraco-entry-point

Implement Umbraco backoffice entry points with initialization and cleanup routines.

Official
Intermediate
1k-off1k-off
1

umbraco-menu-items

Generate Umbraco backoffice menu item manifests and action implementations.

Community
Intermediate
umbracoumbraco
26

umbraco-extension-template

Scaffold Umbraco backoffice extension projects with TypeScript/Vite tooling.

Official
Basic
1k-off1k-off
1

umbraco-bundle

Generate Umbraco bundle manifests and JavaScript entry files for backoffice extensions.

Community
Intermediate