skills.rest
albanistrefi
albanistrefiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

umbraco-extension-template

Generate Umbraco backoffice extension projects with TypeScript/Vite structure.

4|Updated Mar 6, 2026
Search Tags:#typescript#template#vite#umbraco#backoffice#dotnet new#extension scaffolding
One-click install
npx skills add https://github.com/albanistrefi/umbraco_CLI --skill umbraco-extension-template-albanistrefi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: umbraco-extension-template
Source: https://github.com/albanistrefi/umbraco_CLI/tree/main/skills/extensions/umbraco-extension-template
Command: npx skills add https://github.com/albanistrefi/umbraco_CLI --skill umbraco-extension-template-albanistrefi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the problem of starting an Umbraco backoffice extension project from scratch with the correct .NET and TypeScript/Vite structure, reducing setup time and avoiding configuration mistakes.

Core Features & Use Cases

  • Official template scaffolding: Creates a pre-configured extension project using the official Umbraco dotnet template.
  • End-to-end development workflow: Supports installing the template, generating a new extension, installing client dependencies, running watch mode, and building for production.
  • Optional example starter (-ex): Generates additional ready-to-study components such as a sample API controller, Swagger registration, a dashboard component, and a generated API client.

Quick Start

Run dotnet new umbraco-extension -n MyExtension -ex to generate a fully working extension project with examples.

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 TypeScript and Vite?▼

To scaffold an Umbraco backoffice extension, run the dotnet new umbraco-extension command to generate a pre-configured project with the correct .NET and TypeScript/Vite structure, reducing setup time and configuration errors.

What is the dotnet new umbraco-extension template used for?▼

The dotnet new umbraco-extension template is used for creating a consistent project structure for Umbraco backoffice integrations, API and dashboard development, and client-side workflows requiring TypeScript and Vite tooling.

Can I generate example API controllers and dashboard components when scaffolding an Umbraco extension?▼

Yes, you can generate example components by using the -ex flag. This creates a ready-to-study extension project including a sample API controller, Swagger registration, a dashboard component, and a generated API client.

Do I need to install the Umbraco dotnet template before creating a backoffice extension?▼

Yes, you must install the official Umbraco dotnet template before generation. The workflow guides you through template installation, extension creation, client dependency installation, and providing the required entrypoint and manifest setup.

Does the Umbraco extension scaffolding workflow support watch mode and production builds?▼

Yes, the scaffolding workflow supports an end-to-end development process that includes running watch mode for active development and building the Vite and TypeScript project for production deployment.

Related Skills

Explore More Software Engineering Skills→
rjmurillorjmurillo
24

moq-analyzers-build-and-env

Automate .NET SDK installation, build, and test runs for Moq.Analyzers projects.

Community
Advanced
1k-off1k-off
1

umbraco-entry-point

Implement Umbraco backoffice entry points with onInit and onUnload functions.

Community
Intermediate
albanistalbanist
4

umbraco-openapi-client

Generate a type-safe TypeScript OpenAPI client for Umbraco custom APIs.

Community
Intermediate
umbracoumbraco
26

umbraco-tiptap-extension

Generate custom Tiptap node and mark extensions for Umbraco's rich text editor.

Official
Intermediate