umbraco avatar

Umbraco Extension Template

This is the official .NET template for scaffolding Umbraco backoffice extensions with TypeScript, Vite, and proper folder structure baked in. You run `dotnet new umbraco-extension -n MyExtension`, optionally add `-ex` for example code including API controllers and dashboard components, then `npm run watch` to start developing. The template handles all the boilerplate so you can jump straight into building sections, dashboards, or custom workspaces. One thing to watch: you must manually add the extension as a project reference to your main Umbraco instance or it won't load, which the skill flags clearly. Solid starting point if you're extending Umbraco's backoffice instead of fighting config.

skills.sh installs
413
GitHub stars
27
last updated
Aug 21, 2026

Install

$ npx -y skills add umbraco/umbraco-cms-backoffice-skills --skill umbraco-extension-template --agent claude-code

Installs into .claude/skills of the current project.

Files

Umbraco Extension Template

What is it?

The Umbraco Extension Template is the official .NET template for creating backoffice extensions. It provides a pre-configured project structure with TypeScript/Vite tooling, proper folder structure, and all essential files needed for extension development. Every Umbraco backoffice extension should start with this template.

Documentation

Always fetch the latest docs before implementing:

Prerequisites

  • .NET SDK 10.0 or later
  • Node.js 24 or later

Workflow

  1. Version guard: Invoke umbraco-version-guard first to confirm the target site's Umbraco major matches the major these skills target. Stop on a mismatch.
  2. Install template (one-time): dotnet new install Umbraco.Templates

Sponsors

Details

Repository
github.com/umbraco/umbraco-cms-backoffice-skills
Category
.NET & C#
First seen
Jun 3, 2026

More from umbraco/umbraco-cms-backoffice-skills

All 76

Recommended

More .NET & C#
1syncfusion avatarsyncfusion-blazor-smart-pastesyncfusion/blazor-ui-components-skillsSet up and use the Syncfusion Blazor Smart Paste Button — AI-powered clipboard-to-form filling with OpenAI, Azure OpenAI, Ollama, or custom AI backends. Covers 376skills.sh installs
2github avatardotnet-upgradegithub/awesome-copilotReady-to-use prompts for comprehensive .NET framework upgrade analysis and execution11.7Kskills.sh installs
3github avatarcsharp-asyncgithub/awesome-copilotGet best practices for C# async programming11.1Kskills.sh installs
4github avatarcsharp-docsgithub/awesome-copilotEnsure that C# types are documented with XML comments and follow best practices for documentation.9.7Kskills.sh installs
5github avatarfluentui-blazorgithub/awesome-copilotGuide for using the Microsoft Fluent UI Blazor component library (Microsoft.FluentUI.AspNetCore.Components NuGet package) in Blazor applications. Use this when 9Kskills.sh installs
6dotnet avatardotnet-trace-collectdotnet/skillsGuide developers through capturing diagnostic artifacts to diagnose production .NET performance issues. Use when the user needs help choosing diagnostic tools, 4.6Kskills.sh installs