skills.rest
kraftvaerk
kraftvaerkOFFICIAL
Explore all skills by this author →
WebsiteGitHub

umbraco-collection-view

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
One-click install
npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-collection-view-kraftvaerk
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
kraftvaerkkraftvaerk

umbraco-user-profile-app

Implement custom user profile apps in the Umbraco backoffice with TypeScript and LitElement.

Official
Intermediate
albanistalbanist
4

umbraco-collection-view

Implement custom Umbraco backoffice collection views with TypeScript and LitElement.

Community
Intermediate
kraftvaerkkraftvaerk

umbraco-header-apps

Create custom header applications in the Umbraco backoffice using extension points and LitElement.

Official
Intermediate
kraftvaerkkraftvaerk

umbraco-collection

Implement custom collections in the Umbraco backoffice with TypeScript and LitElement.

Official
Advanced