These skills are your entry points for Umbraco backoffice extension development. Start here.
`umbraco-quickstart` - Quick Setup
Start here if you're new. Sets up everything in one command and guides you through planning, building, and validating your extension.
```bash
# Full setup with custom credentials
/umbraco-quickstart MyUmbracoSite MyExtension --email a@a.co.uk --password Admin123456
# With default credentials (admin@test.com / SecurePass1234)
/umbraco-quickstart MyUmbracoSite MyExtension
# Just instance name - will prompt for extension name
/umbraco-quickstart MyUmbracoSite
# No arguments - detects existing or prompts for names
/umbraco-quickstart
```
This skill follows a PLAN → BUILD → VALIDATE workflow:
- Setup - Create Umbraco instance and extension (if needed), register extension
- Plan - Enter plan mode with ASCII wireframes, identify extension types, map data flow
- Build - Generate code using identified sub-skills
- Review - Auto-run
umbraco-extension-reviewer to catch and fix issues
- Validate - Auto-validate in browser (if Playwright MCP or browser automation available) or provide manual test steps
---
Manual Setup
If you prefer to set things up step by step:
#### 1. Create an Umbraco Instance
Use the package-script-writer skill to create an Umbraco instance using the [PSW CLI](https://github.com/prjseal/Package-Script-Writer-CLI).
```bash
/package-script-writer MyProject
```
Thanks to Paul Seal ([@prjseal](https://github.com/prjseal)) for his hard work on the PSW CLI.
#### 2. Create an Extension
Use umbraco-extension-template to create a new extension project:
```bash
/umbraco-extension-template MyFeature
```
Or manually:
```bash
dotnet new install Umbraco.Templates
dotnet new umbraco-extension -n MyExtension -ex
cd MyExtension/Client && npm install && npm run watch
```
#### 3. Register the Extension
Use umbraco-add-extension-reference to register your extension with the Umbraco project:
```bash
/umbraco-add-extension-reference MyExtension
```
This adds a .csproj file so the extension loads.
---
`umbraco-backoffice` - The Backbone Skill
This is the most important skill. It provides:
- Complete Extension Map - Visual diagram showing where ALL 57 extension types appear in the backoffice UI
- Working Blueprints - Copy-and-adapt examples for common patterns
- Sub-Skill Reference - Links to all other skills organised by category
Use this skill when:
- Starting a new backoffice customisation project
- Understanding how extension types connect together
- Finding the right skill for a specific UI location
Blueprints included:
| Blueprint | Description | Skills Used |
|-----------|-------------|-------------|
| Blueprint 1 | Section + Menu + Dashboard + Workspace | 6 skills |
| TimeDashboard | 13 extension types working together | 13 skills |
| tree-example | Settings tree with workspace | 7 skills |
| notes-wiki | Full-stack with C# backend | 27 skills |
```bash
/umbraco-backoffice
```
---
|