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.

Install to Claude Code

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