Umbraco Umbraco Element

This skill helps Claude implement Umbraco backoffice elements using the official UmbElementMixin and UmbLitElement APIs. It fetches current docs before generating code, which matters because Umbraco's customization patterns changed significantly with their Web Components approach. You get context consumption, observable state handling, and localization baked in. The skill distinguishes between using UmbLitElement for Lit components versus applying UmbElementMixin to existing base classes like UI library components. Honest take: it's narrow but solves a real problem if you're extending Umbraco's backoffice, since the mixin pattern and context API aren't immediately obvious from casual reading.

Install to Claude Code

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