skills.rest
albanist
albanistCOMMUNITY
Explore all skills by this author →
GitHub

umbraco-property-editor-ui

Generates TypeScript and manifest code for Umbraco property editor UIs.

4|Updated Mar 6, 2026
Search Tags:#typescript#ui development#umbraco#backoffice#lit-element#property editor
One-click install
npx skills add https://github.com/albanist/umbraco_CLI --skill umbraco-property-editor-ui-albanist
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: umbraco-property-editor-ui
Source: https://github.com/albanist/umbraco_CLI/tree/main/skills/property-editors/umbraco-property-editor-ui
Command: npx skills add https://github.com/albanist/umbraco_CLI --skill umbraco-property-editor-ui-albanist

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers create custom user interfaces for data input within the Umbraco content management system, enabling tailored content editing experiences.

Core Features & Use Cases

  • UI Implementation: Generates the necessary client-side code (TypeScript) and configuration (manifest) for property editor UIs.
  • Documentation Integration: Leverages official Umbraco documentation to ensure best practices and up-to-date implementation patterns.
  • Use Case: A developer needs to create a specialized color picker for Umbraco content. This Skill can guide them through creating the UI element and its configuration.

Quick Start

Use the umbraco-property-editor-ui skill to generate a basic manifest and element implementation for a custom text input.

Frequently Asked Questions about umbraco-property-editor-ui

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

FAQPage Schema
How do I build a custom property editor UI for the Umbraco backoffice?▼

This Skill implements custom property editor UIs for the Umbraco backoffice using TypeScript and LitElement, generating interactive input components that pair with server-side schemas for data storage.

What is a LitElement component in Umbraco property editor development?▼

A LitElement component in Umbraco property editor development acts as the interactive client-side input element that pairs with server-side schemas to facilitate tailored content editing experiences.

How do I register a custom property editor in Umbraco?▼

Registering a custom property editor in Umbraco requires adhering to the extension registry and component APIs, generating the necessary client-side TypeScript code and configuration manifest for seamless integration.

Can I use TypeScript to create specialized input components like a color picker for Umbraco?▼

Yes, you can use TypeScript to create specialized input components like a custom color picker for Umbraco by generating the UI element and its configuration manifest through LitElement implementation.

Does building Umbraco backoffice extensions require official documentation integration?▼

Building Umbraco backoffice extensions benefits from official documentation integration to ensure best practices and up-to-date implementation patterns when generating manifests and element implementations.

Related Skills

Explore More Software Engineering Skills→
kraftvaerkkraftvaerk

umbraco-property-editor-ui

Implement custom Umbraco property editor UIs with TypeScript and LitElement.

Official
Intermediate
kraftvaerkkraftvaerk

umbraco-property-action

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

Official
Intermediate
jonnymuirjonnymuir
1

workflow-stage-editor-quality-gate

Validate workflow-editor stage features with build, unit, Storybook, and Playwright tests.

Community
Advanced
albanistalbanist
4

umbraco-package-view

Generate Umbraco package view UI components with manifest files using LitElement or Vanilla JS.

Community
Intermediate