Umbraco Tree

Builds custom hierarchical trees in Umbraco's backoffice using the extension registry. The critical gotcha here is the tight coupling between trees and workspaces: if you make tree items clickable without setting up corresponding routable workspaces, you'll get infinite loading states. The skill follows the modern pattern of inlining data sources into repository files rather than splitting them out, and correctly emphasizes that hideTreeRoot goes on the menuItem manifest, not the tree itself. References the official Umbraco source example in the Web.UI.Client folder as the production pattern to follow. Helpful if you're extending the Umbraco backoffice beyond standard content trees.

skills.sh installs: 391
GitHub stars: 27
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add umbraco/umbraco-cms-backoffice-skills --skill umbraco-tree --agent claude-code

Installs into .claude/skills of the current project.

Files

Umbraco Tree

What is it?

A tree in Umbraco is a hierarchical structure of nodes registered in the Backoffice extension registry. Trees display organized content hierarchies and can be rendered anywhere in the Backoffice using the <umb-tree /> element. They require a data source implementation to fetch root items, children, and ancestors.