What is the Umbraco Backoffice Skill?

It is a specialized capability for Claude Code that provides blueprints and best-practice guidance for customizing the Umbraco CMS administrative interface.

Can I customize the Rich Text Editor with this skill?

Yes, it provides specific sub-skills and examples for extending the Tiptap-based Rich Text Editor, including toolbar buttons and status bar extensions.

Does this skill include backend C# examples?

Yes, it includes full-stack examples like the 'notes-wiki' blueprint which demonstrates C# backend CRUD operations integrated with hierarchical trees.

How do I create a new section in Umbraco using this skill?

You can use the skill to access the 'Blueprint' starter pattern, which demonstrates how to combine a Section, Menu, Dashboard, and Workspace into a functional admin area.

Umbraco Backoffice Customization

Name: Umbraco Backoffice Customization
Author: umbraco

byumbraco

•

コンテンツ管理

Provides comprehensive blueprints and implementation patterns for extending the Umbraco CMS backoffice interface.

概要

This skill serves as a master guide for developers looking to customize the Umbraco CMS backoffice, offering structured blueprints for extension types like sections, dashboards, trees, and workspaces. It provides an extensive extension map and ready-to-use code examples that demonstrate how different components interact, enabling developers to build sophisticated administrative interfaces, data management tools, and custom workflows within the Umbraco ecosystem by leveraging both frontend UI components and backend integrations.

主な機能

Detailed Backoffice Extension Map covering all UI injection points from headers to property editors.
Integration guides for full-stack C# backend CRUD operations with hierarchical tree navigation.
Access to specialized sub-skills for sections, dashboards, trees, workspaces, and modals.
Complete blueprints for custom admin areas, data management tools, and hierarchical browsers.
Reference implementations for Rich Text Editor (Tiptap) extensions and custom Property Editors.
1 GitHub stars

ユースケース

Creating a custom administrative section with unique dashboards, menus, and navigation trees.
Building specialized data management tools with custom workspaces and entity actions.
Extending the core Umbraco experience with custom property editors, header apps, or search providers.

概要

主な機能

Detailed Backoffice Extension Map covering all UI injection points from headers to property editors.
Integration guides for full-stack C# backend CRUD operations with hierarchical tree navigation.
Access to specialized sub-skills for sections, dashboards, trees, workspaces, and modals.
Complete blueprints for custom admin areas, data management tools, and hierarchical browsers.
Reference implementations for Rich Text Editor (Tiptap) extensions and custom Property Editors.
1 GitHub stars

ユースケース

Creating a custom administrative section with unique dashboards, menus, and navigation trees.
Building specialized data management tools with custom workspaces and entity actions.
Extending the core Umbraco experience with custom property editors, header apps, or search providers.