umbraco-picker-data-source

Implement custom picker data sources for Umbraco property editors.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables the creation of custom data sources for Umbraco's picker property editors, allowing for dynamic and tailored selection of items beyond standard content or media pickers.

Core Features & Use Cases

  • Custom Data Fetching: Implement logic to fetch data from any source, including custom APIs or databases.
  • Tree and Collection Views: Support for both hierarchical (tree) and flat (collection) data structures.
  • Searchable Pickers: Integrate search functionality for efficient item discovery.
  • Use Case: Create a picker that allows editors to select from a list of custom product SKUs fetched from an external inventory system, complete with search and filtering.

Quick Start

Generate a tree-based picker data source manifest and implementation for custom entities.

Frequently Asked Questions about umbraco-picker-data-source

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

FAQPage Schema
How do I create a custom data source for Umbraco picker property editors?

To create a custom picker data source for Umbraco property editors, implement logic to fetch data from external APIs or databases and register it with Umbraco's extension registry for property editor configuration.

Can I fetch external API data for selection interfaces in Umbraco?

Yes, you can fetch external API data for Umbraco selection interfaces by implementing custom data fetching logic within a picker data source, enabling dynamic retrieval of items like custom product SKUs from an external inventory system.

Does the Umbraco picker data source support both tree and collection views?

Yes, the Umbraco picker data source supports both hierarchical tree views and flat collection views, allowing editors to browse structured or flat data with integrated search capabilities for efficient item discovery.

How do I add search functionality to a custom Umbraco property editor picker?

You add search functionality to a custom Umbraco property editor picker by implementing a custom data source that integrates search capabilities, allowing editors to efficiently discover and select items from large collections of dynamic data.

When should I use a custom picker data source instead of standard Umbraco content or media pickers?

Use a custom picker data source instead of standard Umbraco content or media pickers when you need to select items beyond standard content, such as fetching custom product SKUs from an external inventory system with tailored search and filtering.