How does the skill ensure code follows current Umbraco practices?

The skill uses WebFetch to consult the latest official Umbraco documentation before generating any code, ensuring compatibility with current CMS versions.

Does this skill support TypeScript for Umbraco?

Absolutely. It can generate TypeScript-based manifests and imports from the @umbraco-cms/backoffice package for modern Umbraco development.

Does it support custom icons for menu items?

Yes, you can specify standard Umbraco icons (like 'icon-document' or 'icon-help') or custom icons within the manifest meta properties.

Can I add items to the existing Umbraco Help menu?

Yes, the skill provides specific workflows and examples for extending the 'Umb.Menu.Help' alias using standardized manifests and constants.

What properties can I configure for a menu item?

You can configure the unique alias, display label, icon, href link, weight for ordering, and the specific menu aliases where the item should appear.

Umbraco Backoffice Menu Integration

Name: Umbraco Backoffice Menu Integration
Author: umbraco

byumbraco

•

内容管理

Simplifies the creation and customization of menus and menu items within the Umbraco backoffice interface using official documentation.

This skill empowers developers to extend the Umbraco backoffice by implementing custom menus or adding new items to existing ones like the Content, Media, or Help menus. By leveraging real-time documentation fetching, it ensures that generated manifests and TypeScript code for menu extensions follow the latest Umbraco standards. Whether you are building links to external documentation or creating complex navigation structures for custom packages, this skill handles the boilerplate configuration, ordering via weights, and icon assignments to streamline your CMS customization workflow.

主要功能

01Automatically fetches latest documentation to ensure version compatibility

021 GitHub stars

03Provides TypeScript-ready configurations using official Umbraco constants

04Supports custom menu container creation for specialized backoffice packages

05Generates menu and menuItem manifests based on official Umbraco standards

06Extends existing built-in menus like Help, Content, Media, and Settings

使用场景

01Adding a custom documentation link to the Umbraco Help menu header

02Organizing backoffice actions into grouped button flyouts or sidebars

03Creating a dedicated navigation menu for a custom Umbraco package or dashboard

What are Skills?·How to Install

Install with 🐟 Skill.Fish

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

For use in Claude.ai and ChatGPT

Download Skill