Umbraco Sorter

This gives Claude the ability to implement Umbraco's drag-and-drop sorting controller, which is surprisingly versatile for backoffice customization. You can set up single lists, nested hierarchies, or items that move between multiple containers. The skill includes complete working examples pulled from Umbraco's source code, showing both the sorter controller configuration and the companion UI elements you need. Most useful when building block editors or custom content trees where users need to reorder things visually. The onChange callback pattern is clean, and the identifier system for linking multiple sorters is well thought out. One thing to know: nested sorting requires matching identifiers across all connected groups, which the examples demonstrate clearly.

skills.sh installs: 393
GitHub stars: 27
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add umbraco/umbraco-cms-backoffice-skills --skill umbraco-sorter --agent claude-code

Installs into .claude/skills of the current project.

Files

Umbraco Sorter

What is it?

The UmbSorterController provides drag-and-drop sorting functionality for lists of items in the Umbraco backoffice. It handles reordering items within a container, moving items between containers, and supports nested sorting scenarios. This is useful for block editors, content trees, and any UI that requires user-driven ordering.