skills.rest
kraftvaerk
kraftvaerkOFFICIAL
Explore all skills by this author →
WebsiteGitHub

umbraco-backoffice

Create Umbraco backoffice extensions using UUI components and blueprints.

Updated Mar 6, 2026
Search Tags:#development#ui#extension#cms#umbraco#backoffice
One-click install
npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-backoffice-kraftvaerk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: umbraco-backoffice
Source: https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy/tree/main/Kraftvaerk.Umbraco.Alchemy.Frontend/.agents/skills/umbraco-backoffice
Command: npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-backoffice-kraftvaerk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and scripts (resource) components.

What problem does it solve?

This Skill provides a comprehensive framework and examples for developing custom extensions within the Umbraco backoffice, enabling developers to tailor the CMS interface and functionality to specific project needs.

Core Features & Use Cases

  • Extension Development: Create custom sections, dashboards, workspaces, trees, and more.
  • UI Customization: Leverage Umbraco UI (UUI) components for consistent and modern interfaces.
  • Data Integration: Connect custom extensions to Umbraco data and APIs.
  • Use Case: Build a custom content management interface for a specific content type, integrate a third-party service directly into the backoffice, or create a specialized dashboard for editors.

Quick Start

Use the umbraco-backoffice skill to create a new section with a dashboard and a workspace.

Frequently Asked Questions about umbraco-backoffice

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

FAQPage Schema
How do I build custom extensions for the Umbraco backoffice?▼

To build Umbraco backoffice extensions, use this Skill's blueprints and best practices to create custom sections, dashboards, workspaces, and trees while adhering to Umbraco's extension architecture and development patterns.

What is the best way to customize the Umbraco CMS interface?▼

The best way to customize the Umbraco CMS interface is by leveraging Umbraco UI (UUI) components. This Skill provides guidance on utilizing UUI elements to ensure consistent and modern interfaces for your custom extensions.

Can I integrate third-party services directly into Umbraco?▼

Yes, you can integrate third-party services directly into Umbraco. This Skill supports connecting custom backoffice extensions to external data sources and APIs to manage custom workflows within the CMS.

Do I need specific dependencies to create custom Umbraco sections?▼

No external dependencies are required to create custom Umbraco sections. You need adherence to Umbraco's extension architecture and development patterns, utilizing the provided scripts and references to build your custom UI elements.

When should I create a custom workspace in Umbraco?▼

Create a custom workspace in Umbraco when you need a specialized dashboard for editors or a tailored content management interface for specific content types that standard Umbraco CMS functionality does not adequately cover.

Related Skills

Explore More Software Engineering Skills→
kraftvaerkkraftvaerk

umbraco-add-extension-reference

Add Umbraco extension project references to .csproj and .sln files.

Official
Intermediate
albanistalbanist
4

umbraco-e2e-testing

Run end-to-end tests for Umbraco backoffice extensions with Playwright.

Community
Advanced
albanistalbanist
4

umbraco-extension-template

Scaffold new Umbraco backoffice extensions using the official .NET template.

Community
Intermediate
MayaDispelerMayaDispeler
3

cms-standards

Guide CMS architecture, content modeling, and editorial workflow best practices.

Community
Advanced