skills.rest
albanistrefi
albanistrefiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

umbraco-dashboard

Create Umbraco backoffice dashboards with Lit elements and manifest registration.

4|Updated Mar 6, 2026
Search Tags:#dashboard#conditions#umbraco#lit#backoffice#extension registry#umbraco-package
One-click install
npx skills add https://github.com/albanistrefi/umbraco_CLI --skill umbraco-dashboard-albanistrefi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: umbraco-dashboard
Source: https://github.com/albanistrefi/umbraco_CLI/tree/main/skills/extensions/umbraco-dashboard
Command: npx skills add https://github.com/albanistrefi/umbraco_CLI --skill umbraco-dashboard-albanistrefi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the problem of creating backoffice dashboards in Umbraco that integrate cleanly with the official extension model, so you can display custom UI and functionality in the right sections and contexts.

Core Features & Use Cases

  • Guided documentation-first implementation: Pulls the latest Umbraco docs and aligns the produced dashboard package structure with current best practices.
  • Working manifest + dashboard element creation: Produces the required dashboard registration (umbraco-package.json) and a Lit-based dashboard element (dashboard.js) ready to load in the backoffice.
  • Conditional visibility for correct placement: Uses conditions to control which backoffice sections/items the dashboard appears for, matching real product needs such as editor tooling for specific content areas.
  • Production-oriented patterning: Encourages copying proven patterns from the Umbraco source example for robust dataset/data-binding approaches.

Quick Start

Fetch the linked Umbraco dashboard documentation and then implement your dashboard manifest and dashboard element according to it, targeting the section, permissions, and conditions you specify.

Frequently Asked Questions about umbraco-dashboard

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a custom dashboard in the Umbraco backoffice?▼

To create an Umbraco backoffice dashboard, you need a umbraco-package.json manifest registering the dashboard alias, element path, and conditions, plus a Lit-based dashboard.js element for rendering custom UI.

How does conditional rendering work for Umbraco backoffice dashboards?▼

Conditional rendering for Umbraco dashboards uses conditions defined in the manifest to control which backoffice sections or tree items the dashboard appears for, ensuring custom functionality displays in the correct context.

What's the best way to structure an Umbraco dashboard package manifest?▼

The best way to structure an Umbraco dashboard package manifest is using a umbraco-package.json file that registers a dashboard type with an alias, element path, and specific conditions to match official extension model best practices.

Can I use Lit elements to build Umbraco backoffice extensions?▼

Yes, you can use Lit-based elements to build Umbraco backoffice extensions by creating a dashboard.js file that loads within the backoffice, following the official extension registry model and documentation-driven steps.

Do I need a YAML file to register an Umbraco dashboard?▼

Yes, implementing an Umbraco dashboard requires YAML-defined discovery metadata to align the package structure with current best practices, alongside the manifest and Lit element files for full backoffice integration.

Related Skills

Explore More Software Engineering Skills→
albanistrefialbanistrefi
4

umbraco-package-view

Generates Umbraco package view manifests and foundation-compliant UI elements for modal/panel display.

Community
Intermediate
1k-off1k-off
1

umbraco-dashboard

Implement Umbraco backoffice dashboards with manifest and Lit-based elements.

Community
Intermediate
albanistrefialbanistrefi
4

umbraco-bundle

Generate Umbraco backoffice bundle and manifest code from official documentation.

Community
Intermediate
kraftvaerkkraftvaerk

umbraco-umbraco-element

Generate Umbraco Elements with UmbElementMixin and UmbLitElement for the Umbraco Backoffice.

Official
Intermediate