skills.rest
albanist
albanistCOMMUNITY
Explore all skills by this author →
GitHub

umbraco-tree

Implement hierarchical navigation trees in the Umbraco backoffice using TypeScript.

4|Updated Mar 6, 2026
Search Tags:#repository#extension#ui development#tree#umbraco#backoffice
One-click install
npx skills add https://github.com/albanist/umbraco_CLI --skill umbraco-tree-albanist
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: umbraco-tree
Source: https://github.com/albanist/umbraco_CLI/tree/main/skills/extensions/umbraco-tree
Command: npx skills add https://github.com/albanist/umbraco_CLI --skill umbraco-tree-albanist

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables developers to create and manage hierarchical navigation structures (trees) within the Umbraco backoffice, organizing content and entities for better user experience.

Core Features & Use Cases

  • Tree Creation: Define custom trees with data sources for root items and children.
  • Workspace Integration: Ensure seamless navigation between tree items and their corresponding detail views (workspaces).
  • Use Case: Implement a tree to display all custom document types in your Umbraco project, allowing editors to quickly navigate and manage them.

Quick Start

Use the umbraco-tree skill to create a new tree manifest and repository file for displaying custom entities.

Frequently Asked Questions about umbraco-tree

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

FAQPage Schema
How do I create a custom tree in the Umbraco backoffice?▼

To create a custom Umbraco backoffice tree, define a tree manifest and repository using TypeScript to specify data sources for root items and children. This implements hierarchical navigation for organizing custom entities.

What is an Umbraco tree repository and how does it work?▼

An Umbraco tree repository is a structure that fetches data data for hierarchical navigation in the backoffice. It defines data sources for root items and children, fetching entities to display within custom trees.

Can I integrate custom Umbraco trees with routable workspaces?▼

Yes, custom Umbraco trees integrate with routable workspaces for entity management. This integration ensures seamless navigation between tree items and their corresponding detail views in the backoffice.

What is the best way to structure hierarchical navigation for custom entities in Umbraco?▼

The best way to structure hierarchical navigation in Umbraco is using official extension patterns with TypeScript. This approach defines tree repositories and data sources to organize custom document types for editor management.

Do I need TypeScript to build Umbraco backoffice trees?▼

Yes, you need TypeScript to build Umbraco backoffice trees. The implementation requires adherence to official Umbraco extension API patterns for manifest registration and data fetching.

Related Skills

Explore More Software Engineering Skills→
kraftvaerkkraftvaerk

umbraco-entry-point

Implement Umbraco backoffice entry points with initialization and cleanup routines.

Official
Intermediate
albanistalbanist
4

umbraco-workspace

Create custom routable workspaces for entity types in the Umbraco backoffice.

Community
Advanced
kraftvaerkkraftvaerk

umbraco-tree

Implement hierarchical tree structures in the Umbraco backoffice with manifest files and data repositories.

Official
Intermediate
kraftvaerkkraftvaerk

umbraco-collection

Implement custom collections in the Umbraco backoffice with TypeScript and LitElement.

Official
Advanced