skills.rest
albanist
albanistCOMMUNITY
Explore all skills by this author →
GitHub

umbraco-dashboard

Generate manifest files and JavaScript implementations for custom Umbraco backoffice dashboards.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables the creation and implementation of custom dashboards within the Umbraco backoffice, enhancing user experience and providing tailored information or functionality.

Core Features & Use Cases

  • Custom Dashboard Creation: Develop and integrate unique dashboard components into specific sections of the Umbraco backoffice.
  • Conditional Display: Control the visibility of dashboards based on predefined conditions.
  • Use Case: Create a "Content Performance" dashboard for editors in the Content section, displaying key metrics and recent activity for the selected item.

Quick Start

Use the umbraco-dashboard skill to create a new dashboard for the content section.

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 a custom Umbraco dashboard, you generate manifest files and JavaScript implementations that integrate with Umbraco's extension system. This allows you to add tailored dashboard components to specific backoffice sections.

How does conditional display work for Umbraco backoffice dashboards?▼

Conditional display for Umbraco dashboards works by leveraging the extension system to control visibility based on predefined conditions. This ensures custom components only appear when specific criteria are met within the backoffice.

What is an Umbraco backoffice dashboard extension used for?▼

An Umbraco backoffice dashboard extension is used to provide tailored information to editors, such as displaying key metrics and recent activity for a selected item. It enhances user experience by integrating custom components directly into specific sections.

Do I need to understand Umbraco's front-end architecture to build custom dashboards?▼

Yes, implementing custom Umbraco dashboards requires understanding Umbraco's front-end architecture and extension patterns. You must generate JavaScript implementations and manifest files to integrate properly with the backoffice.

What's the best way to integrate dynamic content into an Umbraco dashboard?▼

The best way to integrate dynamic content into an Umbraco dashboard is by using JavaScript implementations that support Umbraco's extension system. This approach allows your custom dashboard to fetch and display dynamic metrics or recent activity.

Related Skills

Explore More Software Engineering Skills→
1k-off1k-off
1

umbraco-dashboard

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

Community
Intermediate
albanistalbanist
4

umbraco-file-upload-preview

Generate custom file upload preview components for the Umbraco backoffice.

Community
Intermediate
albanistrefialbanistrefi
4

umbraco-dashboard

Create Umbraco backoffice dashboards with Lit elements and manifest registration.

Community
Intermediate
kraftvaerkkraftvaerk

umbraco-property-action

Generate TypeScript code and manifest files for Umbraco property editor actions.

Official
Intermediate