umbraco-extension-template

Scaffold an Umbraco backoffice extension project with .NET and TypeScript/Vite.

1|Updated May 21, 2026
One-click install
npx skills add https://github.com/1k-off/umbraco-observability-playground --skill umbraco-extension-template-1k-off
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: umbraco-extension-template
Source: https://github.com/1k-off/umbraco-observability-playground/tree/main/.agents/skills/umbraco-extension-template
Command: npx skills add https://github.com/1k-off/umbraco-observability-playground --skill umbraco-extension-template-1k-off

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the problem of starting an Umbraco backoffice extension from scratch with the correct structure, tooling, and required extension entrypoints so your project builds and loads reliably.

Core Features & Use Cases

  • Official project scaffolding: Generates a ready-to-work .NET + TypeScript/Vite extension layout using the official Umbraco template.
  • Extension development workflow: Covers template installation, extension creation, client dependency install, hot reload during development, and production build/publish/pack steps.
  • Entrypoint and example-ready blueprint: Supports creating an extension with example code (including API controller, Swagger registration, and dashboard components) to speed up implementation.

Quick Start

Run dotnet new umbraco-extension -n MyExtension to scaffold a new backoffice extension named MyExtension.

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 with the correct folder structure?

To scaffold an Umbraco backoffice extension, run the dotnet new umbraco-extension command to generate a build-ready .NET and TypeScript/Vite project layout. This eliminates manual setup and ensures your extension loads reliably with required entrypoints.

What do I need installed to create an Umbraco extension using the .NET template?

Creating an Umbraco extension requires .NET SDK 9.0 or later and Node.js 22 or later. These prerequisites support the official .NET template installation, client dependency setup, and the Vite-powered hot reload workflow.

Can I include example controllers and Swagger when generating an Umbraco backoffice extension?

Yes, you can generate an Umbraco extension with example code including API controllers, Swagger registration, and dashboard components. This blueprint accelerates implementation by providing functional entrypoints out of the box.

What is the development workflow for an Umbraco extension after scaffolding the project?

The Umbraco extension workflow covers template installation, extension creation, client dependency installation, hot reload during development, and production build, publish, and pack steps. This delivers a complete workflow from initial setup to deployment.

Why does my Umbraco backoffice extension fail to build from scratch?

Building an Umbraco backoffice extension from scratch often fails due to incorrect folder structure or missing tooling. Using the official .NET template ensures correct entrypoints and a preconfigured TypeScript/Vite client workspace for reliable builds.

Does the Umbraco extension template support TypeScript and Vite for client-side development?

Yes, the Umbraco extension template supports TypeScript and Vite for client-side development. It scaffolds a preconfigured C# extension project alongside a TypeScript/Vite client workspace, enabling hot reload and production builds.