Umbraco Picker Data Source

This walks Claude through building custom data sources for Umbraco's picker property editors, letting you populate pickers with anything from external APIs to filtered content subsets. The skill references official docs and actual Umbraco source examples, then generates both the manifest and implementation whether you need a flat collection or a hierarchical tree with search. The workflow is straightforward: fetch docs, answer a few questions about your data structure, generate the TypeScript classes. What I like is the concrete examples showing tree versus collection patterns with real filter logic. It's most useful when you're extending the backoffice with custom entity pickers or need to constrain what editors can select beyond what the default pickers offer.

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

View on GitHub

Install

$ npx -y skills add umbraco/umbraco-cms-backoffice-skills --skill umbraco-picker-data-source --agent claude-code

Installs into .claude/skills of the current project.

Files

Umbraco Picker Data Source

What is it?

A Picker Data Source provides data for picker-based property editors. It allows you to create custom data sources that supply items for content pickers, defining how items are fetched, searched, and displayed in a tree or collection format. This is useful for creating pickers that select from custom entities, external APIs, or filtered subsets of existing content.