umbraco-property-action

Generate TypeScript code and manifest files for Umbraco property editor actions.

Updated Mar 6, 2026
One-click install
npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-property-action-kraftvaerk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: umbraco-property-action
Source: https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy/tree/main/Kraftvaerk.Umbraco.Alchemy.Frontend/.agents/skills/umbraco-property-action
Command: npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-property-action-kraftvaerk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the need to add custom functionality to Umbraco property editors without altering their core code, enabling shortcuts, transformations, and context-specific operations.

Core Features & Use Cases

  • Extend Property Editors: Add new actions (buttons) to existing property editors.
  • Contextual Operations: Perform actions based on the property's current value or context.
  • Use Case: Create a "Clear Value" action for text-based property editors that instantly empties the field with a single click.

Quick Start

Generate a new property action manifest and TypeScript file for a 'uppercase' transformation.

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 actions to Umbraco property editors?

You can add custom actions to Umbraco property editors by generating TypeScript code and manifest files that adhere to Umbraco's extension registry and property action API. This extends property editor UIs with custom logic for value manipulation.

What is a property action in Umbraco backoffice development?

A property action is a custom extension that adds buttons to existing Umbraco property editors. It enables contextual operations like shortcuts, transformations, and specific value manipulations without altering the property editor's core code.

How do I implement an uppercase transformation for an Umbraco property value?

You implement an uppercase transformation by generating a new property action manifest and TypeScript file. This creates a custom action that manipulates the property editor's current value directly within the Umbraco backoffice interface.

Can I extend Umbraco property editors without modifying their core code?

Yes, you can extend Umbraco property editors without modifying core code by using custom property actions. This approach facilitates adding shortcuts and context-specific operations via the Umbraco extension registry.

What are the limitations of using custom actions for Umbraco backoffice extensions?

Custom actions for Umbraco backoffice extensions are limited to performing actions based on the property's current value or context. They generate TypeScript and manifest files specifically for UI extensions and do not alter underlying core property editor logic.