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.

Install to Claude Code

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