This teaches Claude how Umbraco's backoffice routing works, from simple pathname-based navigation to complex nested routes with parameters. It's built around the umb-router-slot component and includes working examples for sections, dashboards, and custom routed elements. The skill enforces fetching fresh docs from the official Umbraco CMS documentation before implementing anything, which is smart given how fast framework specifics change. What's nice is the reference to actual source code in the Umbraco repo for modal routing patterns. If you're building custom sections or need URL-based navigation in Umbraco's backoffice, this gives Claude the foundation without having to explain routing concepts from scratch every time.

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

Install

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

Installs into .claude/skills of the current project.

Files

Umbraco Routing

What is it?

Routing in Umbraco's backoffice enables navigation between sections, dashboards, and workspaces using pathname-based URLs. Sections serve as primary organizational dividers with entry points via section views, dashboards, or custom elements. Custom routing can be built using umb-router-slot with route definitions that support parameters and redirects.

Documentation

Always fetch the latest docs before implementing:

Reference Example

The Umbraco source includes a working example:

Location: /Umbraco-CMS/src/Umbraco.Web.UI.Client/examples/modal-routed/

Sponsors

Details

Repository
github.com/umbraco/umbraco-cms-backoffice-skills
Category
.NET & C#
First seen
Jun 3, 2026

More from umbraco/umbraco-cms-backoffice-skills

All 76

Recommended

More .NET & C#
1umbraco avatarumbraco-entity-create-option-actionumbraco/umbraco-cms-backoffice-skillsImplement entity create option actions in Umbraco backoffice using official docs400skills.sh installs
2umbraco avatarumbraco-menu-itemsumbraco/umbraco-cms-backoffice-skillsImplement menu items in Umbraco backoffice using official docs400skills.sh installs
3umbraco avatarumbraco-repository-patternumbraco/umbraco-cms-backoffice-skillsUnderstand and use repositories in Umbraco backoffice (foundational concept)400skills.sh installs
4umbraco avatarumbraco-collection-viewumbraco/umbraco-cms-backoffice-skillsImplement collection views in Umbraco backoffice using official docs398skills.sh installs
5umbraco avatarumbraco-entity-bulk-actionsumbraco/umbraco-cms-backoffice-skillsImplement entity bulk actions in Umbraco backoffice using official docs398skills.sh installs
6umbraco avatarumbraco-localizationumbraco/umbraco-cms-backoffice-skillsUnderstand and use localization in Umbraco backoffice (foundational concept)398skills.sh installs