umbraco-property-action

Generate manifest and TypeScript files for Umbraco backoffice property actions.

26|13|Updated Nov 30, 2025
One-click install
npx skills add https://github.com/umbraco/Umbraco-CMS-Backoffice-Skills --skill umbraco-property-action
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: umbraco-property-action
Source: https://github.com/umbraco/Umbraco-CMS-Backoffice-Skills/tree/main/plugins/umbraco-backoffice-skills/skills/umbraco-property-action
Command: npx skills add https://github.com/umbraco/Umbraco-CMS-Backoffice-Skills --skill umbraco-property-action

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill allows developers to add custom buttons (actions) to Umbraco backoffice property editors, enabling shortcuts, transformations, or context-specific operations without modifying the property editors themselves.

Core Features & Use Cases

  • Extend Property Editors: Add new functionality to existing Umbraco property editors.
  • Contextual Operations: Perform actions based on the current property's value.
  • Use Case: Create a "Clear Value" button for text fields or a "Transform to Uppercase" action for string properties.

Quick Start

Use the umbraco-property-action skill to create a new property action that clears the value of a text property.

Frequently Asked Questions about umbraco-property-action

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add custom action buttons to Umbraco backoffice property editors?

You add custom buttons to Umbraco property editors by generating manifest and TypeScript files that register actions via the extension registry. This allows you to inject contextual operations like clearing or transforming values directly into existing property editors.

What is a Umbraco property action and when would I use it?

A Umbraco property action is a custom button added to a property editor in the backoffice. You use it to provide shortcuts or context-specific transformations, such as clearing a text field or transforming strings to uppercase, without altering the editor itself.

Can I target specific property editor UIs when adding custom actions in Umbraco?

Yes, custom property actions can target specific or all property editor UIs within the Umbraco backoffice. This is achieved by configuring the generated manifest to register the action for the desired property editor targets.

Do I need TypeScript to create custom backoffice actions in Umbraco?

Yes, TypeScript is required to implement custom backoffice actions in Umbraco. The process involves generating TypeScript files that adhere to the Umbraco extension registry and controller API to define and register the action's behavior.

What's the best way to add a clear value button to Umbraco text properties?

The best way to add a clear value button to Umbraco text properties is to create a custom property action. By generating the necessary manifest and TypeScript files, you register an action that clears the property's current value directly from the backoffice interface.

Why does my custom Umbraco property action require the extension registry?

Your custom Umbraco property action requires the extension registry because it serves as the integration layer for the backoffice. Adherence to the extension registry and controller API ensures your generated TypeScript files are properly recognized and executed within the Umbraco environment.