umbraco-cms-backoffice-skills

Generate Umbraco CMS installation scripts using the Package Script Writer CLI

Add a new Umbraco extension project reference to the main Umbraco instance and solution

Implement authentication providers for Umbraco backoffice using official docs

Umbraco backoffice extension customisation - complete working examples showing how extension types combine

Implement block editor custom views in Umbraco backoffice using official docs

Implement bundles in Umbraco backoffice using official docs

Drive and inspect the Umbraco backoffice reliably with Claude-in-Chrome browser automation. Use this WHENEVER you are about to use the mcp__claude-in-chrome tools against a running Umbraco backoffice — navigating sections, clicking tree items, filling forms, opening/closing modals, or visually verifying a backoffice extension (property editor, dashboard, workspace, tree, section, menu). The backoffice is Lit/web-components with open shadow DOM and modals that render off-screen, so the built-in find/read_page tools see nothing and screenshots lag behind the live DOM. This skill provides a shadow-DOM-piercing JS helper toolkit plus a navigation playbook so you read state from the DOM instead of guessing from pixels. Trigger even when the user only says "open the backoffice", "test the extension in Umbraco", "click through the backoffice", "log in and check it works", or "take a screenshot of the editor in Umbraco".

Implement collections in Umbraco backoffice using official docs

Implement collection actions in Umbraco backoffice using official docs

Implement collection views in Umbraco backoffice using official docs

Understand and use conditions in Umbraco backoffice (foundational concept)

Understand and use Context API in Umbraco backoffice (foundational concept)

Understand and create controllers in Umbraco backoffice (foundational concept)

Implement current user actions in Umbraco backoffice using official docs

Implement dashboards in Umbraco backoffice using official docs

Implement dynamic root origins and query steps in Umbraco backoffice using official docs

E2E testing for Umbraco backoffice extensions using Playwright and @umbraco-cms/acceptance-test-helpers

Implement entity actions in Umbraco backoffice using official docs

Implement entity bulk actions in Umbraco backoffice using official docs

Implement entity create option actions in Umbraco backoffice using official docs

Implement entry points in Umbraco backoffice using official docs

Generate testable example extensions and run them in the Umbraco backoffice

Understand and use extension registry in Umbraco backoffice (foundational concept)

Create new Umbraco backoffice extensions using the official dotnet template

Implement file upload preview components in Umbraco backoffice using official docs

Implement global contexts in Umbraco backoffice using official docs

Implement granular user permissions in Umbraco backoffice using official docs

Implement header apps in Umbraco backoffice using official docs

Implement health checks in Umbraco backoffice using official docs

Implement custom icons in Umbraco backoffice using official docs

Implement kinds in Umbraco backoffice using official docs

Understand and use localization in Umbraco backoffice (foundational concept)

Use umb-input-manifest to pick registered extensions in Umbraco backoffice

Implement menus in Umbraco backoffice using official docs

Implement menu items in Umbraco backoffice using official docs

Implement MFA login providers for Umbraco backoffice using official docs

Run Umbraco backoffice with mocked APIs for visual extension testing

Implement modals in Umbraco backoffice using official docs

Implement Monaco markdown editor actions in Umbraco backoffice using official docs

MSW (Mock Service Worker) patterns for testing Umbraco backoffice extensions with mocked APIs

Understand and use notifications in Umbraco backoffice (foundational concept)

Set up OpenAPI client for authenticated API calls in Umbraco backoffice (REQUIRED for custom APIs)

Implement package views in Umbraco backoffice using official docs

Implement custom picker data sources for property editors in Umbraco backoffice

Reference for @umbraco/playwright-testhelpers package - fixtures, API helpers, and UI helpers for E2E testing

Implement preview app providers in Umbraco backoffice using official docs

Implement property actions in Umbraco backoffice using official docs

Implement property editor schemas in Umbraco backoffice using official docs

Implement property editor UIs in Umbraco backoffice using official docs

Implement property value presets in Umbraco backoffice using official docs

Quick setup for Umbraco extension development - creates instance, extension, and registers it

Understand and use repositories in Umbraco backoffice (foundational concept)

Review checks reference for validating Umbraco backoffice extensions

Understand and use routing in Umbraco backoffice (foundational concept)

Implement search providers in Umbraco backoffice using official docs

Implement search result items in Umbraco backoffice using official docs

Implement sections in Umbraco backoffice using official docs

Analyze code examples in SKILL.md files for correctness using static analysis and TypeScript compilation

Run quantitative + qualitative evaluations on an existing Claude skill. Use this whenever the user wants to test, benchmark, eval, validate, regression-check, or measure the value of a skill they've already drafted — including phrases like "run evals on this skill", "is this skill actually helping", "compare with-skill vs without-skill", "iterate on my skill based on results". This is the lightweight cousin of skill-creator: it skips drafting, blind comparison, and description-tuning, and focuses purely on the eval loop with Haiku-powered grading.

Run tests from skill examples and generate a report (project)

Validate links and references in SKILL.md files using deterministic scripts

Implement drag-and-drop sorting with UmbSorterController in Umbraco backoffice

Understand and use state management in Umbraco backoffice (foundational concept)

JsonModels.Builders for creating test data in Umbraco tests

Router skill for choosing the right testing approach for Umbraco backoffice extensions

Implement themes in Umbraco backoffice using official docs

Implement Tiptap extensions for Umbraco rich text editor using official docs

Implement Tiptap statusbar extensions for Umbraco rich text editor using official docs

Implement Tiptap toolbar extensions for Umbraco rich text editor using official docs

Implement trees in Umbraco backoffice using official docs

Implement tree items in Umbraco backoffice using official docs

Implement UFM (Umbraco Flavored Markdown) components in Umbraco backoffice using official docs

Implement Umbraco elements in Umbraco backoffice using official docs

Unit and component testing for Umbraco backoffice extensions using @open-wc/testing

Implement user profile apps in Umbraco backoffice using official docs

Browser validation checks for testing Umbraco backoffice extensions manually

Implement form validation using UmbValidationContext in Umbraco backoffice

Deterministically verify that the Umbraco major of the site you are working on matches the major these skills target. Run this FIRST, before any Umbraco backoffice work, to avoid mixing guidance across Umbraco majors (e.g. 17 vs 18 vs 19). Trigger on the first Umbraco task in a session, or whenever the site's version is uncertain.

Implement workspaces in Umbraco backoffice using official docs