umbraco-global-context

Implement global contexts for type-safe data sharing across the Umbraco backoffice session.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the need for a persistent, type-safe layer of data and functions accessible throughout the entire Umbraco backoffice, enabling state sharing between extensions and managing centralized services.

Core Features & Use Cases

  • Global State Management: Persist and share data across different backoffice sections and components for the duration of a user session.
  • Centralized Services: Implement and expose services that can be consumed by multiple extensions without prop drilling or complex event systems.
  • Use Case: Imagine needing to share the currently logged-in user's preferences or a global notification service across various Umbraco backoffice views. This Skill provides the mechanism to do so efficiently.

Quick Start

Use the umbraco-global-context skill to create a new global context for managing user themes.

Frequently Asked Questions about umbraco-global-context

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

FAQPage Schema
How do I share global state across the Umbraco backoffice?

To share global state across the Umbraco backoffice, you can implement a global context using the Umbraco Context API. This provides a persistent, type-safe layer of data and functions accessible throughout a user session.

What is the best way to manage centralized services between Umbraco extensions?

Managing centralized services between Umbraco extensions is best handled by exposing them through a global context. This approach allows multiple extensions to consume services without prop drilling or complex event systems.

Can I use TypeScript to ensure type safety for Umbraco backoffice context data?

Yes, you can use TypeScript to ensure type safety for Umbraco backoffice context data. The global context mechanism facilitates sharing type-safe data and functions across the entire backoffice session.

How do I create a global context for user preferences in Umbraco?

To create a global context for user preferences in Umbraco, you implement the Context API following Umbraco's Foundation patterns. This persists and shares data across different backoffice sections for the session duration.

Do I need to follow specific patterns for Umbraco extension state management?

Yes, Umbraco extension state management requires adherence to Umbraco's Context API and Foundation patterns for integration. This ensures proper centralized service coordination and data sharing across extensions.

When should I use a global context instead of prop drilling in Umbraco?

You should use a global context instead of prop drilling in Umbraco when you need to share state across multiple extensions or backoffice sections. It provides a centralized, type-safe layer for session-wide data access.