Backoffice Skills

AI skills for building Umbraco backoffice extensions. Available for Claude Code, Cursor, GitHub Copilot, Windsurf, and other editors that support the `SKILL.md` format.

Backoffice skills give your AI coding assistant deep knowledge of Umbraco's extension points. Each skill covers one extension type, such as dashboards, trees, property editors, modals, and more, with patterns, code examples, and references to the latest documentation.

Skills use the open SKILL.md format. They load on demand: only the skill relevant to your current task is pulled into context. Installing all skills does not affect performance. For a general introduction to agent skills and how they work, see Agent Skills.

Installation

Claude Code

Add the marketplace, then install the plugins.

Add the marketplace:

/plugin marketplace add https://github.com/umbraco/Umbraco-CMS-Backoffice-Skills.git#main

The #main suffix pins the marketplace to the branch for this Umbraco version. You can also use the shorthand /plugin marketplace add umbraco/Umbraco-CMS-Backoffice-Skills, which tracks the repository's default branch (main). /plugin marketplace update follows the pinned branch, or the default branch when you use the shorthand.

Install the plugins:

# Install backoffice extension skills (58 skills)
/plugin install umbraco-cms-backoffice-skills@umbraco-backoffice-marketplace

# Install testing skills (8 skills) — optional but recommended
/plugin install umbraco-cms-backoffice-testing-skills@umbraco-backoffice-marketplace

Cursor, GitHub Copilot, Windsurf, and Others

Use the Vercel Skills CLI with the -a flag to target your editor:

# For Cursor
npx skills add umbraco/Umbraco-CMS-Backoffice-Skills --skill '*' -a cursor

# For GitHub Copilot
npx skills add umbraco/Umbraco-CMS-Backoffice-Skills --skill '*' -a github-copilot

# For Windsurf
npx skills add umbraco/Umbraco-CMS-Backoffice-Skills --skill '*' -a windsurf

You can also install specific skills instead of all of them:

npx skills add umbraco/Umbraco-CMS-Backoffice-Skills --skill umbraco-dashboard --skill umbraco-tree -a cursor

Always use the -a flag to target your editor. Without it, skills are symlinked into every supported agent directory.

Documentation

Guide	Description
Quickstart	Set up Umbraco and an extension project, learn the Plan, Build, Validate workflow
Backoffice Skills Overview	All 65 extension skills, the extension map, and working examples
Testing Skills	The 4-level testing pyramid and 8 testing skills
Tips for Best Results	Source code references, prompting advice, and editor requirements
How It Works	How skills route agents to best practices through progressive discovery