Umbraco Collection View
This handles the Umbraco backoffice extension pattern for building custom collection views like tables, grids, or card layouts. You'd reach for it when the default list views don't cut it and you need to show content, media, or custom entities differently. The skill enforces the right workflow: fetch current docs first, then generate both the manifest with collection conditions and the Lit element that consumes the collection context. One nice touch is it includes examples for both custom collections and hooking into built-in ones like media or documents, which is honestly where you'll spend most of your time with this pattern.
- skills.sh installs
- 398
- GitHub stars
- 27
- last updated
- Aug 21, 2026
Install
$ npx -y skills add umbraco/umbraco-cms-backoffice-skills --skill umbraco-collection-view --agent claude-codeInstalls into .claude/skills of the current project.
Files
Umbraco Collection View
What is it?
A Collection View defines how data is displayed within a collection. It allows you to create custom visual representations of entity lists - such as tables, grids, cards, or any custom layout. Collection views can be added to existing collections or custom ones, and users can switch between available views.
Documentation
Always fetch the latest docs before implementing:
- Main docs: https://docs.umbraco.com/umbraco-cms/extend-your-project/backoffice-extensions/extending-overview/extension-types/collections/collection-view
- Collections: https://docs.umbraco.com/umbraco-cms/extend-your-project/backoffice-extensions/extending-overview/extension-types/collections
- Foundation: https://docs.umbraco.com/umbraco-cms/extend-your-project/backoffice-extensions/foundation
- Extension Registry: https://docs.umbraco.com/umbraco-cms/extend-your-project/backoffice-extensions/extending-overview/extension-registry
Related Foundation Skills
- Context API: For accessing collection context and items data
- Reference skill:
umbraco-context-api
- Reference skill:
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- 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- Umbraco Entity Bulk Actions398
- Umbraco Localization398
- Umbraco Modals398
- Umbraco Entry Point397
- Umbraco Granular User Permissions397
- Umbraco Header Apps397
- Umbraco Health Check397
- Umbraco Icons397
- Umbraco Package View397
- Umbraco Property Action397
- Umbraco Property Editor Schema397
- Umbraco Review Checks397
- Umbraco Sections397
- Umbraco Block Editor Custom View396
- Umbraco Bundle396
- Umbraco Collection396
- Umbraco Current User Action396
- Umbraco Entity Actions396
- Umbraco File Upload Preview396
- Umbraco Picker Data Source396
- Umbraco Collection Action395
- Umbraco Global Context395
- Umbraco Kinds395
- Umbraco Property Value Preset395
Recommended
More Documentation
umbraco-entity-bulk-actionsumbraco/umbraco-cms-backoffice-skillsImplement entity bulk actions in Umbraco backoffice using official docs398skills.sh installsumbraco-modalsumbraco/umbraco-cms-backoffice-skillsImplement modals in Umbraco backoffice using official docs398skills.sh installs
wechat-studiochouheiwa/wechat-studio微信公众号内容创作全流程工具，支持 Markdown 主题排版、Dan Koe 风格写作、AI 去痕、图片上传、图文草稿和小绿书发布。Use this skill when the user asks about WeChat Official Account publishing, converting Markdo397skills.sh installsumbraco-granular-user-permissionsumbraco/umbraco-cms-backoffice-skillsImplement granular user permissions in Umbraco backoffice using official docs397skills.sh installsumbraco-header-appsumbraco/umbraco-cms-backoffice-skillsImplement header apps in Umbraco backoffice using official docs397skills.sh installsumbraco-health-checkumbraco/umbraco-cms-backoffice-skillsImplement health checks in Umbraco backoffice using official docs397skills.sh installs