Can I restrict dashboards to specific user sections?

Absolutely. The skill configures visibility conditions in the manifest, allowing you to match specific section aliases like Content, Media, or Settings.

Does this skill support the latest Umbraco versions?

Yes, it uses WebFetch to retrieve the latest official documentation from Umbraco's documentation site before generating any code to ensure compatibility.

How does it handle multi-language support?

It integrates with the Umbraco Localization skill and services, utilizing localize.term() to ensure your dashboard interface supports multiple languages.

What frontend framework is used for these dashboards?

The dashboards are implemented using Lit (LitElement) and the Umbraco Element API, following modern Umbraco backoffice development standards.

Can I use Umbraco UI components in my dashboard?

Yes, the implementation examples utilize the Shoelace-based UUI (Umbraco UI) library components like uui-box for a native look and feel.

Umbraco Backoffice Dashboard Builder

Name: Umbraco Backoffice Dashboard Builder
Author: umbraco

byumbraco

•

Gestión de Contenido

Automates the creation and configuration of custom dashboards for the Umbraco CMS backoffice using LitElement and the Extension Registry.

This skill streamlines the development of Umbraco backoffice dashboards by providing automated manifest generation and LitElement-based component implementation. It guides developers through the entire process of extending the Umbraco UI, from setting visibility conditions and section restrictions to implementing complex data binding with property datasets. By fetching the most recent documentation and following established patterns like UmbElementMixin and the Context API, it ensures that all generated dashboards are production-ready, localized, and fully integrated with the Umbraco CMS ecosystem.

Características Principales

01Support for advanced data binding using property datasets and reactive observables

02Real-time documentation fetching to ensure compliance with the latest CMS versions

031 GitHub stars

04Seamless integration with Umbraco localization and state management services

05Automated manifest (umbraco-package.json) generation with conditional logic

06LitElement component scaffolding using UmbElementMixin for Umbraco integration

Casos de Uso

01Creating custom landing pages and welcome screens for specific backoffice sections

02Implementing specialized workflow management interfaces within the Umbraco tree

03Building data-driven reporting tools and administrative overviews for CMS editors

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add umbraco/umbraco-cms-backoffice-skills umbraco-dashboard

For use in Claude.ai and ChatGPT

Download Skill