umbraco-extension-template

Generate Umbraco backoffice extensions with the official .NET template and TypeScript/Vite tooling.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill simplifies the creation of new Umbraco backoffice extensions by providing a pre-configured project structure and essential tooling, ensuring a standardized and efficient development start.

Core Features & Use Cases

  • Official Template: Utilizes the official .NET template for Umbraco extensions.
  • Pre-configured Setup: Includes TypeScript/Vite tooling and a proper folder structure.
  • Use Case: A developer needs to build a custom dashboard for a specific section in the Umbraco backoffice. They use this Skill to quickly scaffold the new extension project, saving time on initial setup and configuration.

Quick Start

Use the umbraco-extension-template skill to create a new Umbraco extension named 'MyFirstExtension'.

Frequently Asked Questions about umbraco-extension-template

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

FAQPage Schema
How do I scaffold an Umbraco backoffice extension?

To scaffold an Umbraco backoffice extension, generate a new project using the official .NET template, which provides a pre-configured structure with TypeScript and Vite tooling for rapid development.

What is included in the Umbraco extension template setup?

The Umbraco extension template setup includes a pre-configured project structure with TypeScript/Vite tooling, and optionally provides example code for API controllers, dashboards, and Swagger integration.

Can I generate example API controllers and dashboards for Umbraco backoffice extensions?

Yes, you can generate example API controllers and dashboards for Umbraco backoffice extensions by selecting the template variant that includes example code along with Swagger integration.

Does the Umbraco extension template support TypeScript and Vite?

Yes, the Umbraco extension template supports TypeScript and Vite by providing a pre-configured project structure that incorporates these tools for standardized front-end development.

Why use an official .NET template for Umbraco extension development?

Using the official .NET template for Umbraco extension development ensures a standardized project structure and essential tooling setup, saving time and reducing initial configuration errors.