umbraco-collection-view

Name: umbraco-collection-view
Availability: InStock
Author: Kraftvaerk

Generate Umbraco backoffice collection views with manifest files and LitElement components.

Updated Mar 6, 2026

Search Tags:#customization #frontend development #umbraco #backoffice #lit-element #collection view

Ready to run

npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-collection-view-kraftvaerk

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: umbraco-collection-view
Source: https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy/tree/main/Kraftvaerk.Umbraco.Alchemy.Frontend/.agents/skills/umbraco-collection-view
Command: npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-collection-view-kraftvaerk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers implement custom collection views within the Umbraco backoffice, allowing for tailored data presentation beyond default options.

Core Features & Use Cases

Custom Data Display: Define unique ways to visualize lists of Umbraco items (e.g., cards, grids, custom tables).
Extensibility: Integrates with Umbraco's extension system to add new views to existing or custom collections.
Use Case: You need to display media items in a gallery format with custom thumbnails and metadata. This skill guides you in creating that specific card-based collection view.

Quick Start

Use the umbraco-collection-view skill to generate a new card view for the 'My.Collection' Umbraco collection.

Frequently Asked Questions about umbraco-collection-view

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

FAQPage Schema

How do I create a custom collection view in the Umbraco backoffice?▼

The Umbraco collection view supports table, grid, and card layouts. These options allow you to tailor data presentation for entity lists, such as displaying media items in a gallery format with custom thumbnails and metadata.

Does a custom Umbraco collection view require LitElement?▼

Yes, creating a custom Umbraco collection view requires using LitElement view components. You must also adhere to Umbraco extension registry standards to properly integrate the new views into existing or custom collections.

How do I add a new card view to an Umbraco collection?▼

This approach integrates directly with Umbraco's extension system to add new views to existing or custom collections. It provides tailored data presentation beyond default options by utilizing provided foundation skills for context and state management.

What are the limitations of customizing Umbraco backoffice collection views?▼

Customizing Umbraco backoffice collection views requires strict adherence to Umbraco extension registry standards. Developers must utilize provided foundation skills for context and state management to ensure the custom LitElement components function correctly.