umbraco-workspace

Implement custom workspaces in the Umbraco backoffice with TypeScript.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a structured approach and essential documentation for implementing custom workspaces within the Umbraco backoffice, enabling developers to create tailored editing environments for specific entity types.

Core Features & Use Cases

  • Workspace Implementation: Guides the creation of custom editing interfaces for Umbraco entities.
  • Context Management: Details how to manage data and state within a workspace context.
  • Routing and Navigation: Explains how to implement navigation between workspace items, especially when linked to tree structures.
  • Use Case: Developing a new custom section in Umbraco for managing "Projects," where each project has its own dedicated editing interface with multiple views and actions.

Quick Start

Fetch the latest documentation on Umbraco workspaces and their context patterns.

Frequently Asked Questions about umbraco-workspace

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

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

You create a custom Umbraco workspace by leveraging the controller API and extension types to build tailored editing environments for specific entities. This Skill implements workspace context management and routable navigation patterns based on official documentation.

What is a workspace context in Umbraco and how does it manage data?

A workspace context in Umbraco manages data and state within a custom editing interface. It provides a structured approach to handle entity-specific information, ensuring the editing environment maintains the correct state during navigation and user interactions.

How do I implement navigation between custom workspace items linked to an Umbraco tree?

You implement navigation between Umbraco workspace items by applying routable workspace patterns. This allows users to traverse linked tree structures and access dedicated editing interfaces within the backoffice environment.

Do I need TypeScript to build custom Umbraco backoffice extensions?

Yes, TypeScript is required to build custom Umbraco backoffice extensions. Developing custom workspaces requires understanding TypeScript alongside the Umbraco controller API and official extension types to ensure proper implementation.

Can I build a custom editing interface with multiple views for a specific entity type in Umbraco?

Yes, you can build a custom editing interface with multiple views and actions for a specific entity type in Umbraco. This is achieved by implementing a dedicated workspace that manages the context and state for that particular entity.

What are the limitations when customizing the Umbraco backoffice with workspaces?

Customizing the Umbraco backoffice with workspaces is constrained by the official extension types and controller API capabilities. You must follow routable workspace patterns and manage context explicitly, requiring advanced TypeScript knowledge to avoid state and navigation issues.