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.

主な機能

01Detailed Backoffice Extension Map covering all UI injection points from headers to property editors.

02Integration guides for full-stack C# backend CRUD operations with hierarchical tree navigation.

03Access to specialized sub-skills for sections, dashboards, trees, workspaces, and modals.

04Complete blueprints for custom admin areas, data management tools, and hierarchical browsers.

05Reference implementations for Rich Text Editor (Tiptap) extensions and custom Property Editors.

061 GitHub stars

ユースケース

01Creating a custom administrative section with unique dashboards, menus, and navigation trees.

02Building specialized data management tools with custom workspaces and entity actions.

03Extending the core Umbraco experience with custom property editors, header apps, or search providers.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

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

For use in Claude.ai and ChatGPT

Download Skill