umbraco/umbraco-cms-backoffice-skills
76 skills22.1k installs2k starsGitHub
Install
npx skills add https://github.com/umbraco/umbraco-cms-backoffice-skillsSkills in this repo
1Umbraco Backofficeumbraco-backoffice is the backbone skill in the umbraco/Umbraco-CMS-Backoffice-Skills collection, which ships 58 backoffice extension skills and over 66 skills total across the repository. The skill provides a complete extension map showing where all 57 extension types appear in the Umbraco backoffice UI, working blueprints developers can copy and adapt, and categorized links to specialized sub-skills. Developers reach for umbraco-backoffice when starting a new backoffice customization, understanding how sections, menus, dashboards, workspaces, and trees connect, or selecting the right skill for a specific UI location. Runnable examples include Blueprint 1 combining six skills, TimeDashboard wiring 13 extension types, tree-example using seven skills, and notes-wiki spanning 27 skills with a C# backend.335installs2Umbraco Controllersumbraco-controllers is a version 1.0.0 Claude Code skill for Umbraco CMS backoffice development. Controllers are separate classes assigned to Host Elements that reuse logic across elements while staying connected to element lifecycles. The skill documents lifecycle methods—hostConnected, hostDisconnected, and destroy—for managing side effects, timers, subscriptions, and cleanup. Controllers can compose other controllers for modular backoffice behavior. Allowed tools are Read, Write, Edit, and WebFetch so agents can pull the latest Umbraco documentation before generating code. Developers reach for umbraco-controllers when implementing backoffice custom elements, sharing stateful logic between UI components, or ensuring proper teardown in the Umbraco managed backoffice environment.310installs3Umbraco Dashboardumbraco-dashboard is version 1.0.0 skill from umbraco/Umbraco-CMS-Backoffice-Skills that teaches agents how to build dashboard extensions inside the Umbraco CMS backoffice. The SKILL.md explains how dashboards appear in backoffice sections, use conditions to control visibility, and pair an umbraco-package.json manifest with a LitElement implementation using UmbElementMixin and UUI components. Developers reach for umbraco-dashboard when adding welcome panels, section summaries, or editor tooling that surfaces when no tree item is selected. The workflow requires fetching current docs from docs.umbraco.com before generating files, then producing manifest plus dashboard.js with test guidance. Allowed tools include Read, Write, Edit, and WebFetch so agents can align output with the latest Umbraco customizing and extension-registry documentation.306installs4Umbraco Extension Templateumbraco-extension-template is version 1.0.0 in umbraco-cms-backoffice-skills and scaffolds Umbraco backoffice extensions using the official dotnet template. The skill fetches current Umbraco docs, generates a pre-configured project with TypeScript and Vite, and lays out essential extension files so teams skip manual boilerplate. Developers reach for umbraco-extension-template when adding custom backoffice UI to Umbraco CMS—dashboards, property editors, or workspace plugins—rather than hand-rolling webpack or folder conventions. Allowed tools include Read, Write, Edit, WebFetch, and Bash, enabling end-to-end template installation and project wiring in Claude Code sessions.306installs5Umbraco Quickstartumbraco-quickstart is a Claude Code skill from umbraco/umbraco-cms-backoffice-skills (version 1.1.0) that sets up everything needed for Umbraco extension development in a single invocation. The /umbraco-quickstart command accepts an Umbraco project name, extension name, and optional --email and --password credentials, defaulting to admin@test.com and SecurePass1234 when omitted. Allowed tools include Bash, Read, Write, Edit, Glob, and Grep so the agent can scaffold the CMS instance, generate the extension, and wire registration automatically. Developers reach for umbraco-quickstart when starting a new Umbraco backoffice extension without manually repeating instance creation, extension boilerplate, and manifest registration steps. Example usage: /umbraco-quickstart MyUmbracoSite MyExtension --email a@a.co.uk --password Admin123456. The skill is user-invocable and targets .NET developers building custom Umbraco CMS backoffice UI extensions who want a repeatable local bootstrap path inside Claude Code sessions.302installs6Umbraco Property Editor Uiumbraco-property-editor-ui is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.301installs7Umbraco Extension Registryumbraco-extension-registry is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.299installs8Umbraco Openapi Clientumbraco-openapi-client is a Claude Code skill for backend & apis. It helps solo builders move faster with AI-assisted coding.298installs9Umbraco Routingumbraco-routing is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.298installs10Umbraco Menu Itemsumbraco-menu-items is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.297installs11Umbraco Mfa Login Providerumbraco-mfa-login-provider is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.297installs12Umbraco Repository Patternumbraco-repository-pattern is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.297installs13Umbraco Add Extension Referenceumbraco-add-extension-reference is a Claude Code skill in the AI & Agent Building category.296installs14Umbraco Context Apiumbraco-context-api is a Claude Code skill for backend & apis. It helps solo builders move faster with AI-assisted coding.295installs15Umbraco Localizationumbraco-localization is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.295installs16Umbraco Notificationsumbraco-notifications is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.295installs17Umbraco Auth Providerumbraco-auth-provider is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.294installs18Umbraco Entity Create Option Actionumbraco-entity-create-option-action is a Claude Code skill in the AI & Agent Building category.294installs19Umbraco Modalsumbraco-modals is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.294installs20Umbraco Package Viewumbraco-package-view is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.294installs21Umbraco Property Actionumbraco-property-action is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.294installs22Umbraco Review Checksumbraco-review-checks is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.294installs23Umbraco Dynamic Rootumbraco-dynamic-root is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.293installs24Umbraco Entity Bulk Actionsumbraco-entity-bulk-actions is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.293installs25Umbraco Granular User Permissionsumbraco-granular-user-permissions is a Claude Code skill in the AI & Agent Building category.293installs26Umbraco Health Checkumbraco-health-check is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.293installs27Umbraco Iconsumbraco-icons is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.293installs28Umbraco Property Editor Schemaumbraco-property-editor-schema is a Claude Code skill in the AI & Agent Building category.293installs29Umbraco Sectionsumbraco-sections is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.293installs30Umbraco Sorterumbraco-sorter is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.293installs31Umbraco Treeumbraco-tree is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.293installs32Umbraco Collection Viewumbraco-collection-view is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.292installs33Umbraco Entry Pointumbraco-entry-point is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.292installs34Umbraco File Upload Previewumbraco-file-upload-preview is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.292installs35Umbraco Header Appsumbraco-header-apps is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.292installs36Umbraco Kindsumbraco-kinds is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.292installs37Umbraco Picker Data Sourceumbraco-picker-data-source is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.292installs38Umbraco Bundleumbraco-bundle is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.291installs39Umbraco Current User Actionumbraco-current-user-action is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.291installs40Umbraco Entity Actionsumbraco-entity-actions is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.291installs41Umbraco Menuumbraco-menu is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.291installs42Umbraco Property Value Presetumbraco-property-value-preset is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.291installs43Umbraco Umbraco Elementumbraco-umbraco-element is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.291installs44Umbraco Block Editor Custom Viewumbraco-block-editor-custom-view is a Claude Code skill in the AI & Agent Building category.290installs45Umbraco Collectionumbraco-collection is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.290installs46Umbraco Global Contextumbraco-global-context is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.290installs47Umbraco Manifest Pickerumbraco-manifest-picker is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.290installs48Umbraco Preview App Providerumbraco-preview-app-provider is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.290installs49Umbraco Collection Actionumbraco-collection-action is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.289installs50Umbraco Conditionsumbraco-conditions is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.289installs51Umbraco Search Providerumbraco-search-provider is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.289installs52Umbraco Search Result Itemumbraco-search-result-item is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.289installs53Umbraco Tiptap Extensionumbraco-tiptap-extension is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.289installs54Umbraco Tree Itemumbraco-tree-item is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.289installs55Umbraco Workspaceumbraco-workspace is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.289installs56Umbraco Monaco Markdown Editor Actionumbraco-monaco-markdown-editor-action is a Claude Code skill in the AI & Agent Building category.288installs57Umbraco User Profile Appumbraco-user-profile-app is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.287installs58Umbraco State Managementumbraco-state-management is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.286installs59Umbraco Themeumbraco-theme is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.286installs60Umbraco Tiptap Statusbar Extensionumbraco-tiptap-statusbar-extension is a Claude Code skill in the AI & Agent Building category.286installs61Umbraco Tiptap Toolbar Extensionumbraco-tiptap-toolbar-extension is a Claude Code skill in the AI & Agent Building category.286installs62Umbraco Validation Checksumbraco-validation-checks is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.286installs63Umbraco Ufm Componentumbraco-ufm-component is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.285installs64Umbraco Validation Contextumbraco-validation-context is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.284installs65Package Script Writerpackage-script-writer is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.283installs66Umbraco Example Generatorumbraco-example-generator is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.280installs67Umbraco Mocked Backofficeumbraco-mocked-backoffice is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.280installs68Umbraco Skill Validatorumbraco-skill-validator: A skill for development. This provides functionality for development workflows.280installs69Umbraco Playwright Testhelpersumbraco-playwright-testhelpers is a Claude Code skill for testing & qa. It helps solo builders move faster with AI-assisted coding.279installs70Umbraco Unit Testingumbraco-unit-testing is a Claude Code skill for testing & qa. It helps solo builders move faster with AI-assisted coding.278installs71Umbraco Msw Testingumbraco-msw-testing is a Claude Code skill for testing & qa. It helps solo builders move faster with AI-assisted coding.277installs72Umbraco Skill Code Analyzerumbraco-skill-code-analyzer: A skill for development. This provides functionality for development workflows.277installs73Umbraco Skill Test Runnerumbraco-skill-test-runner: A skill for development. This provides functionality for development workflows.277installs74Umbraco E2e Testingumbraco-e2e-testing is a Claude Code skill for testing & qa. It helps solo builders move faster with AI-assisted coding.276installs75Umbraco Test Buildersumbraco-test-builders is a Claude Code skill for testing & qa. It helps solo builders move faster with AI-assisted coding.275installs76Umbraco Testingumbraco-testing is a Claude Code skill for testing & qa. It helps solo builders move faster with AI-assisted coding.272installs