umbraco-tree-item

Generate TypeScript manifests and context API definitions for custom Umbraco backoffice tree items.

26|13|Updated Nov 30, 2025
One-click install
npx skills add https://github.com/umbraco/Umbraco-CMS-Backoffice-Skills --skill umbraco-tree-item
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: umbraco-tree-item
Source: https://github.com/umbraco/Umbraco-CMS-Backoffice-Skills/tree/main/plugins/umbraco-backoffice-skills/skills/umbraco-tree-item
Command: npx skills add https://github.com/umbraco/Umbraco-CMS-Backoffice-Skills --skill umbraco-tree-item

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers implement and customize tree items within the Umbraco backoffice, controlling how entities are displayed and interacted with in navigation trees.

Core Features & Use Cases

  • Define Tree Item Manifests: Create configurations for how specific entity types appear in Umbraco trees.
  • Customize Rendering: Implement custom logic for icons, labels, and behaviors based on entity state.
  • Use Case: You need to display custom icons for different types of media items in the Umbraco media tree, or add special click handlers to specific document types.

Quick Start

Use the umbraco-tree-item skill to generate a basic manifest for a custom tree item that applies to 'my-entity-type'.

Frequently Asked Questions about umbraco-tree-item

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

FAQPage Schema
How do I customize Umbraco backoffice tree items for custom entity types?

Customizing Umbraco backoffice tree items involves generating TypeScript manifests and context API definitions to define custom icons, labels, and behaviors for specific entity types within Umbraco's navigation trees.

How do I add custom icons and click handlers to Umbraco media tree items?

You can add custom icons and click handlers to Umbraco media tree items by implementing custom rendering logic through TypeScript manifests, defining specific behaviors and visual elements based on the entity state.

What is a TypeScript manifest for Umbraco tree items?

A TypeScript manifest for Umbraco tree items is a configuration file that defines how specific entity types appear and behave within the Umbraco backoffice navigation trees.

Do I need to understand Umbraco extension types to implement custom tree items?

Yes, implementing custom tree items requires an understanding of Umbraco extension types and the repository pattern to properly define context API definitions and generate the correct manifests.

Can I change how document types are displayed in the Umbraco navigation tree?

Yes, you can change how document types are displayed in the Umbraco navigation tree by creating tree item manifests that apply custom rendering logic, labels, and behaviors to specific document types.

What are the limitations when customizing Umbraco backoffice tree items?

Customizing Umbraco backoffice tree items is limited to defining icons, labels, and behaviors for specific entity types, requiring adherence to Umbraco's extension types and repository pattern structure.