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

umbraco-user-profile-app

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill allows developers to add custom functionality and views directly into the Umbraco backoffice user profile section, enabling personalized user experiences and settings management.

Core Features & Use Cases

  • Custom Profile Tabs: Create new tabs within the user profile area to display user-specific information or settings.
  • Integration with Umbraco APIs: Leverage Umbraco's Context API to access current user data.
  • Use Case: Build a "My Preferences" tab in the user profile where users can toggle dark mode or manage email notification settings.

Quick Start

Use the umbraco-user-profile-app skill to create a new user profile app with a label of 'My Settings'.

Frequently Asked Questions about umbraco-user-profile-app

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

FAQPage Schema
How do I add a custom tab to the Umbraco backoffice user profile?▼

You can add custom tabs to the Umbraco backoffice user profile by implementing custom user profile applications using TypeScript and LitElement, enabling personalized interfaces for settings or activity logs.

Can I use LitElement to build Umbraco backoffice extensions?▼

Yes, LitElement is used to build Umbraco backoffice extensions, facilitating the creation of personalized user interfaces like custom profile tabs for managing user-specific settings and connected accounts.

Does creating a custom Umbraco user profile app require specific APIs?▼

Yes, creating a custom Umbraco user profile app requires adherence to Umbraco's extension registry and foundation APIs, leveraging the Context API to access current user data for seamless integration.

What is the best way to manage user preferences in the Umbraco backoffice?▼

The best way to manage user preferences in the Umbraco backoffice is building a custom profile tab using TypeScript, allowing users to toggle settings like dark mode or manage email notification settings.

How do I access current user data inside a custom Umbraco profile application?▼

Access current user data inside a custom Umbraco profile application by leveraging Umbraco's Context API, which provides the necessary integration points for fetching user-specific information and settings.

Related Skills

Explore More Software Engineering Skills→
umbracoumbraco
26

umbraco-user-profile-app

Create custom user profile tabs in the Umbraco backoffice using TypeScript and LitElement.

Official
Intermediate
albanistalbanist
4

umbraco-user-profile-app

Create custom user profile tabs and views in the Umbraco backoffice.

Community
Intermediate
albanistalbanist
4

umbraco-package-view

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

Community
Intermediate
kraftvaerkkraftvaerk

umbraco-collection

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

Official
Advanced