Does this skill support the modern Umbraco backoffice?

Yes, it is specifically designed for the Umbraco 14+ backoffice (Bellissima), focusing on the extension registry, TypeScript manifests, and Lit elements.

What is the difference between an Action and a Link menu item?

A Link menu item navigates to a URL via the href property, while an Action menu item executes custom TypeScript logic via an API implementation class.

How does the skill ensure code accuracy?

The skill uses the WebFetch tool to retrieve the latest official Umbraco documentation before generating any code or manifests.

What are Umbraco menu items?

Menu items are extension components that appear throughout the Umbraco backoffice in sidebars, button flyouts, and other locations to provide navigational and action-based functionality.

Umbraco Backoffice Menu Items

Name: Umbraco Backoffice Menu Items
Author: umbraco

byumbraco

•

Content Management

Simplifies the creation and implementation of custom menu items within the Umbraco backoffice extension registry.

This skill provides comprehensive guidance and boilerplate for developers extending the Umbraco backoffice with custom menu items. It supports various menu types including external links, action-based triggers, and tree-based navigation, ensuring seamless integration with existing UI components like sidebars and button flyouts. By leveraging official Umbraco documentation and best practices, it automates the creation of manifests and the implementation of custom elements or actions, significantly reducing the complexity of CMS UI customization.

Key Features

01Support for Link, Action, and Tree menu item kinds

02Automated manifest generation for Umbraco extension registry

03Implementation patterns for custom action logic using UmbMenuItemAction

04Integration with custom Lit elements for specialized UI requirements

05Guidance on weight-based ordering and icon configuration

061 GitHub stars

Use Cases

01Extending content trees with specialized submenu structures

02Creating action-based menu items that trigger specific backoffice workflows

03Adding custom navigation links to external tools within the Help menu

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add umbraco/umbraco-cms-backoffice-skills umbraco-menu-items

For use in Claude.ai and ChatGPT

Download Skill