Umbraco Context Api

This teaches Claude how Umbraco's Context API works, which is the foundation for sharing data between backoffice components without tight coupling. You'll want this when building custom property editors, dashboards, or workspace extensions that need to access services like notifications, user info, or modal managers. The skill includes working examples for both consuming contexts (subscription vs one-time patterns) and providing your own, plus it always fetches fresh docs before generating code. The provider-consumer pattern takes a minute to grasp if you're new to Umbraco's web component architecture, but once it clicks you'll use it everywhere. Good coverage of common built-in contexts like UMB_NOTIFICATION_CONTEXT and UMB_WORKSPACE_CONTEXT that you'll reach for constantly.

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

View on GitHub

Install

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

Installs into .claude/skills of the current project.

Files

Umbraco Context API

What is it?

The Context API is Umbraco's communication system that enables extensions to share data and functionality through the component hierarchy without tight coupling. It uses a provider-consumer pattern where parent elements provide contexts that descendant components can access. Contexts cascade down through the DOM tree and use tokens for type-safe access to services like notifications, workspaces, and user information.