This helps Claude build collections in Umbraco's backoffice, the UI pattern for displaying filterable, paginated lists of entities like content items or custom data. It pulls official docs and walks through the full architecture: repository setup, collection context, table/grid views, and bulk actions. The source includes a complete working example with TypeScript interfaces, data source implementations, and proper manifest registration. Useful when you need to surface custom entities in the backoffice with consistent UX, or when you're extending Umbraco beyond its default content tree. The workflow is straightforward: fetch latest docs, define your item model, wire up the repository, then implement views.

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

Install

$ npx -y skills add umbraco/umbraco-cms-backoffice-skills --skill umbraco-collection --agent claude-code

Installs into .claude/skills of the current project.

Files

Umbraco Collection

What is it?

A Collection displays a list of entities in the Umbraco backoffice with built-in support for multiple views (table, grid), filtering, pagination, selection, and bulk actions. Collections connect to a repository for data and provide a standardized way to browse and interact with lists of items.

Documentation

Always fetch the latest docs before implementing:

Collection Architecture

A complete collection consists of these components:

collection/
├── manifests.ts              # Main collection manifest
├── constants.ts              # Alias constants

Sponsors

Details

Repository
github.com/umbraco/umbraco-cms-backoffice-skills
Categories
Documentation, .NET & C#
First seen
Jun 3, 2026

More from umbraco/umbraco-cms-backoffice-skills

All 76
1umbraco avatarumbraco-current-user-actionumbraco/umbraco-cms-backoffice-skillsImplement current user actions in Umbraco backoffice using official docs396skills.sh installs
2umbraco avatarumbraco-entity-actionsumbraco/umbraco-cms-backoffice-skillsImplement entity actions in Umbraco backoffice using official docs396skills.sh installs
3umbraco avatarumbraco-file-upload-previewumbraco/umbraco-cms-backoffice-skillsImplement file upload preview components in Umbraco backoffice using official docs396skills.sh installs
4umbraco avatarumbraco-collection-actionumbraco/umbraco-cms-backoffice-skillsImplement collection actions in Umbraco backoffice using official docs395skills.sh installs
5umbraco avatarumbraco-global-contextumbraco/umbraco-cms-backoffice-skillsImplement global contexts in Umbraco backoffice using official docs395skills.sh installs
6umbraco avatarumbraco-property-value-presetumbraco/umbraco-cms-backoffice-skillsImplement property value presets in Umbraco backoffice using official docs395skills.sh installs