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

umbraco-collection-action

Create custom collection actions in the Umbraco backoffice using TypeScript.

Updated Mar 6, 2026
Search Tags:#customization#extension#collection#action#umbraco#backoffice
One-click install
npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-collection-action-kraftvaerk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: umbraco-collection-action
Source: https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy/tree/main/Kraftvaerk.Umbraco.Alchemy.Frontend/.agents/skills/umbraco-collection-action
Command: npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-collection-action-kraftvaerk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables developers to add custom actions to Umbraco collection toolbars, allowing for tailored functionality beyond standard CRUD operations.

Core Features & Use Cases

  • Custom Actions: Implement buttons in collection views to perform specific tasks (e.g., export, create, custom workflows).
  • Conditional Display: Control the visibility of actions based on collection type or other criteria.
  • Use Case: Add an "Export to CSV" button to the Document Type collection in Umbraco, allowing editors to quickly export a list of all document types.

Quick Start

Use the umbraco-collection-action skill to create a new 'Export to CSV' action for the 'Document' collection.

Frequently Asked Questions about umbraco-collection-action

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

FAQPage Schema
How do I add custom actions to Umbraco collection toolbars?▼

Custom collection actions in Umbraco are created using TypeScript and the Umbraco Extension Registry, enabling you to add toolbar buttons that execute code, navigate URLs, or trigger modals.

Can I conditionally display custom actions in the Umbraco backoffice?▼

Yes, custom collection actions support conditional display in the Umbraco backoffice by leveraging Umbraco's foundation APIs for context and conditions to control visibility based on collection type.

What types of operations can an Umbraco collection action trigger?▼

An Umbraco collection action can trigger three types of operations: execute custom TypeScript code, navigate to a specific URL, or open a modal dialog directly within the backoffice interface.

How do I create an export button for a Document Type collection in Umbraco?▼

You create an export button for a Document Type collection in Umbraco by implementing a custom collection action via the Umbraco Extension Registry, allowing editors to trigger workflows like exporting to CSV.

Does extending Umbraco collections with custom actions require specific dependencies?▼

Extending Umbraco collections with custom actions requires TypeScript and the Umbraco Extension Registry. It integrates natively with Umbraco's foundation APIs for context and conditions without external dependencies.

Related Skills

Explore More Software Engineering Skills→
kraftvaerkkraftvaerk

umbraco-entity-actions

Create custom entity actions in the Umbraco backoffice using manifest files and TypeScript classes.

Official
Intermediate
umbracoumbraco
26

umbraco-current-user-action

Generate TypeScript code for custom Umbraco backoffice current user actions.

Official
Intermediate
1k-off1k-off
1

umbraco-umbraco-element

Generate TypeScript Umbraco Elements using UmbElementMixin or UmbLitElement.

Community
Intermediate
umbracoumbraco
26

umbraco-picker-data-source

Implement custom picker data sources for Umbraco backoffice property editors.

Official
Intermediate