What is an Umbraco User Profile App?

It is a custom view or tab that appears in the Umbraco backoffice user profile section, allowing developers to add user-specific functionality like settings, activity logs, or connected accounts.

Does this skill support the latest Umbraco versions?

Yes, it is designed for the modern Umbraco backoffice (version 14+) which utilizes TypeScript, Lit elements, and the new Extension Registry.

Can I use Umbraco UI components with this skill?

Absolutely. The skill is configured to use UUI (Umbraco UI) components to ensure that any custom profile apps look and feel like a native part of the CMS.

How does the skill access user data?

It implements the Umbraco Context API, specifically using the UMB_CURRENT_USER_CONTEXT to observe and interact with the currently logged-in user's profile data.

Umbraco User Profile App Builder

Name: Umbraco User Profile App Builder
Author: umbraco

byumbraco

•

Content Management

Builds custom tabs and views for the Umbraco backoffice user profile section using official documentation and modern extension patterns.

The Umbraco User Profile App skill enables developers to extend the Umbraco CMS backoffice by creating personalized tabs within the user profile area. It streamlines the development process by generating the necessary manifest configurations and Lit-based UI elements required for the Umbraco Extension Registry. By integrating with the Umbraco Context API, this skill helps you build reactive interfaces for user preferences, activity logs, and third-party integrations, ensuring all code adheres to Umbraco's foundation standards and UUI component guidelines.

Key Features

01Generates manifest configurations for the Umbraco extension registry

02Creates Lit-based UI elements using Umbraco's UUI component library

03Integrates with the Umbraco Context API to access reactive user data

04Automates fetching of latest documentation for Umbraco extension types

05Provides boilerplate templates for preferences, logs, and account integrations

061 GitHub stars

Use Cases

01Developing custom user preference dashboards for backoffice settings

02Implementing activity log tabs to display a user's recent CMS actions

03Adding 'Connected Accounts' sections for SSO or external service integrations

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add umbraco/umbraco-cms-backoffice-skills umbraco-user-profile-app

For use in Claude.ai and ChatGPT

Download Skill