skills.rest
kraftvaerk
kraftvaerkOFFICIAL
Explore all skills by this author →
WebsiteGitHub

umbraco-tree

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

Updated Mar 6, 2026
Search Tags:#navigation#extension#workspace#tree#umbraco#backoffice
One-click install
npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-tree-kraftvaerk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: umbraco-tree
Source: https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy/tree/main/Kraftvaerk.Umbraco.Alchemy.Frontend/.agents/skills/umbraco-tree
Command: npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-tree-kraftvaerk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a structured approach to implementing hierarchical navigation (trees) within the Umbraco backoffice, enabling better organization and user experience for custom content structures.

Core Features & Use Cases

  • Hierarchical Navigation: Creates navigable tree structures in the Umbraco backoffice.
  • Integration with Workspaces: Ensures seamless navigation between tree items and their corresponding detail views (workspaces).
  • Use Case: Develop a custom tree for managing a specific entity type (e.g., 'Products', 'Orders') that allows users to browse, select, and interact with individual items through associated workspaces.

Quick Start

Use the umbraco-tree skill to create a new tree manifest and repository for managing 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 build a hierarchical navigation tree in the Umbraco backoffice?▼

You build an Umbraco backoffice tree by defining manifest files and data repositories to structure custom entities hierarchically. This approach enables navigable tree structures directly within the backoffice interface.

How does a custom Umbraco tree integrate with workspace detail views?▼

Custom Umbraco trees integrate with routable workspaces by linking tree navigation items to their corresponding detail views. This ensures a cohesive user experience when users browse and interact with individual items.

What is the best way to add a custom entity management tree to Umbraco?▼

The best way to add a custom entity tree in Umbraco is by generating a tree manifest and repository following Umbraco extension patterns. This ensures seamless backoffice integration and better organization for custom content structures.

Do I need to follow specific extension patterns when creating an Umbraco backoffice tree?▼

Yes, creating an Umbraco backoffice tree requires adherence to Umbraco extension patterns. Following these specific extension patterns ensures your custom hierarchical navigation integrates seamlessly with the backoffice environment.

Can I manage custom entities like Products or Orders using an Umbraco tree?▼

Yes, you can use an Umbraco tree to manage specific entity types like Products or Orders. This allows backoffice users to browse, select, and interact with individual items through their associated workspaces.

Related Skills

Explore More Software Engineering Skills→
kraftvaerkkraftvaerk

umbraco-entity-actions

Create custom entity actions in the Umbraco backoffice using manifest files and TypeScript classes.

Official
Intermediate
albanistalbanist
4

umbraco-workspace

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

Community
Advanced
albanistrefialbanistrefi
4

umbraco-workspace

Generate Umbraco backoffice routable workspaces with context, views, and actions.

Community
Intermediate
albanistrefialbanistrefi
4

umbraco-dashboard

Create Umbraco backoffice dashboards with Lit elements and manifest registration.

Community
Intermediate