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

umbraco-package-view

Create custom package views in the Umbraco backoffice.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables developers to create custom user interfaces for Umbraco packages, providing dedicated configuration and information pages within the Umbraco backoffice.

Core Features & Use Cases

  • Custom UI Panels: Develop dedicated views for packages that appear in the 'Packages' section.
  • Configuration & Information: Create pages for package settings, dashboards, or informational content.
  • Use Case: A developer needs to create a settings page for their new Umbraco package that allows users to input API keys and toggle features. This Skill provides the structure and examples to build that page using Umbraco's frontend framework.

Quick Start

Use the umbraco-package-view skill to create a basic package view with a headline and a save button.

Frequently Asked Questions about umbraco-package-view

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

FAQPage Schema
How do I create a custom UI panel for an Umbraco package in the backoffice?▼

To create a custom package view in the Umbraco backoffice, you implement dedicated UI panels using the frontend extension points and official documentation. This adds custom configuration and information pages to the Packages section.

What is the Umbraco extension registry used for when building package views?▼

The Umbraco extension registry is used to seamlessly integrate custom package views into the backoffice. Adhering to its patterns and foundation elements ensures your custom UI panels appear correctly within the Packages section for user configurations.

Can I build a settings page for my Umbraco package that handles API keys and feature toggles?▼

Yes, you can build settings pages for Umbraco packages that handle API keys and feature toggles. This Skill provides the structure and examples to create dedicated configuration views using Umbraco's frontend framework for these inputs.

What's the best way to add a dedicated configuration page to the Umbraco Packages section?▼

The best way to add a configuration page is by building a custom package view using Umbraco's extension registry. This creates dedicated UI panels for installed packages, enabling custom configurations and information displays directly in the backoffice.

Do I need specific frontend tools to develop custom backoffice views for Umbraco packages?▼

Developing custom backoffice views for Umbraco packages requires using Umbraco's frontend framework and foundation element patterns. These tools provide the necessary extension points to build and integrate custom UI components seamlessly.

Why does my custom Umbraco package view not appear in the backoffice Packages section?▼

A custom package view might not appear if it fails to adhere to Umbraco's extension registry and foundation element patterns. Seamless integration into the backoffice requires following the official documentation for frontend extension points.

Related Skills

Explore More Software Engineering Skills→
umbracoumbraco
26

umbraco-preview-app-provider

Implement custom preview app providers in the Umbraco backoffice.

Official
Intermediate
albanistalbanist
4

umbraco-package-view

Generate Umbraco package view UI components with manifest files using LitElement or Vanilla JS.

Community
Intermediate
kraftvaerkkraftvaerk

umbraco-property-editor-schema

Implement Umbraco property editor schemas with C# and manifest configurations.

Official
Intermediate
umbracoumbraco
26

umbraco-search-result-item

Customize Umbraco backoffice search result displays with custom web components.

Official
Intermediate