Umbraco Header Apps

This extends Umbraco's backoffice with header apps, those single-purpose buttons that sit in the top navigation bar next to the user avatar and global search. You'd use it for quick links to external docs, global actions like triggering notifications, or custom tools that need to be accessible from anywhere in the backoffice. The skill fetches official Umbraco docs before implementing and handles both simple link-based header apps and interactive ones with custom elements and click handlers. It's straightforward if you're already comfortable with Umbraco's extension system, though interactive apps require understanding UmbHeaderAppButtonElement and the Context API for modals or notifications.

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

View on GitHub

Install

$ npx -y skills add umbraco/umbraco-cms-backoffice-skills --skill umbraco-header-apps --agent claude-code

Installs into .claude/skills of the current project.

Files

Umbraco Header Apps

What is it?

Header apps are single-purpose extensions that appear in Umbraco's top navigation bar, positioned next to the user profile avatar and global search. They provide globally accessible functionality to the Backoffice, such as quick links to documentation, tools, or custom interactive features. Header apps can be simple links or custom interactive components that open modals or perform actions.