·umbraco-modals

Implement modals in Umbraco backoffice using official docs

22Installs·1Trend·@umbraco

Installation

$npx skills add https://github.com/umbraco/umbraco-cms-backoffice-skills --skill umbraco-modals

SKILL.md

A modal is a popup layer that darkens the surroundings and comes with a focus lock. The modal extension type is used to configure and present dialogs and sidebars within the Umbraco backoffice. Modals can be opened via routes (for deep-linking) or at runtime using the Modal Manager Context, and they use a token-based system for type-safe communication.

Custom Modal Location: /Umbraco-CMS/src/Umbraco.Web.UI.Client/examples/custom-modal/

This example demonstrates a basic custom modal with token, element, and manifest.

Implement modals in Umbraco backoffice using official docs Source: umbraco/umbraco-cms-backoffice-skills.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/umbraco/umbraco-cms-backoffice-skills --skill umbraco-modals
Category
</>Dev Tools
Verified
First Seen
2026-02-11
Updated
2026-02-18

Quick answers

What is umbraco-modals?

Implement modals in Umbraco backoffice using official docs Source: umbraco/umbraco-cms-backoffice-skills.

How do I install umbraco-modals?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/umbraco/umbraco-cms-backoffice-skills --skill umbraco-modals Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/umbraco/umbraco-cms-backoffice-skills