Umbraco Monaco Markdown Editor Action

This teaches Claude to add custom toolbar buttons and keyboard shortcuts to Umbraco's Monaco markdown editor. You'd use it when you need editors to quickly insert custom markdown patterns, like specialized link formats or content blocks, without typing them manually. The skill pulls fresh docs from the Umbraco site and generates both the manifest and action class with proper Monaco keybinding syntax. It's straightforward for simple insertions but also covers the modal workflow when you need user input before inserting content. Good reference implementations for the execute method and keybinding combinations, which are easy to mess up if you're new to Monaco's API.

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

View on GitHub

Install

$ npx -y skills add umbraco/umbraco-cms-backoffice-skills --skill umbraco-monaco-markdown-editor-action --agent claude-code

Installs into .claude/skills of the current project.

Files

Umbraco Monaco Markdown Editor Action

What is it?

Monaco Markdown Editor Actions add custom toolbar buttons and keyboard shortcuts to the Markdown editor in Umbraco. They allow you to extend the editing experience with custom functionality like inserting links, images, or custom markdown syntax. Actions appear in the editor toolbar and can respond to keyboard shortcuts.

Documentation

Always fetch the latest docs before implementing:

Foundation: https://docs.umbraco.com/umbraco-cms/extend-your-project/backoffice-extensions/foundation
Extension Registry: https://docs.umbraco.com/umbraco-cms/extend-your-project/backoffice-extensions/extending-overview/extension-registry
Monaco Editor: https://docs.umbraco.com/umbraco-cms/extend-your-project/backoffice-extensions/extending-overview/extension-types

Related Foundation Skills

Modals: When opening modal dialogs from actions
- Reference skill: umbraco-modals
Localization: When providing localized labels
- Reference skill: umbraco-localization