By umbraco
Test Umbraco CMS backoffice extensions comprehensively: generate runnable TypeScript/LitElement examples with Vite and mocked APIs, build fluent test models for content and document types, unit test web components with @open-wc/testing, mock APIs and run isolated UI with MSW without .NET backend, and run E2E workflows on real instances using Playwright with core helpers.
npx claudepluginhub umbraco/umbraco-cms-backoffice-skills --plugin umbraco-cms-backoffice-testing-skills---
---
---
---
---
---
---
---
Share bugs, ideas, or general feedback.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimComplete skill set for Umbraco backoffice customization - 57 skills covering Foundation concepts, Extension Types, Property Editors, Rich Text, Backend integration, and Setup tools
Skills for CLI operation of Umbraco MCP servers - CLI setup, tool filtering, introspection, and runtime modes
Production-grade Playwright testing toolkit. Generate tests from specs, fix flaky failures, migrate from Cypress/Selenium, sync with TestRail, run on BrowserStack. 55+ ready-to-use templates, 3 specialized agents, smart reporting that plugs into your existing workflow.
Browser automation and E2E testing with Playwright. Auto-detects dev servers, writes clean test scripts. Test pages, fill forms, take screenshots, check responsive design, validate UX, test login flows, check links, automate any browser task. Use for cross-browser testing, visual regression, API testing, component testing in TypeScript/JavaScript and Python projects.
CodyMaster v7.0 — 50 token-optimized AI agent skills (progressive disclosure, ~100 tok index → SKILL.md on demand) + 11 slash commands + 5 sub-agents + cm-context MCP server. Browse Hybrid Bridge, a11y snapshots, structured error collection, video recording.
End-to-end testing with Playwright: browser automation, test generation, and UI testing
Experimental Beta: This project is an exploration of what's possible with Skills for Umbraco. It's evolving as we learn what works best.
A Claude Code plugin marketplace with 66 skills for Umbraco backoffice customization and testing.
Add the marketplace:
/plugin marketplace add umbraco/Umbraco-CMS-Backoffice-Skills
Install the plugins:
# Backoffice extension skills (58 skills)
/plugin install umbraco-cms-backoffice-skills@umbraco-backoffice-marketplace
# Testing skills (8 skills) - optional but recommended
/plugin install umbraco-cms-backoffice-testing-skills@umbraco-backoffice-marketplace
These skills use the open SKILL.md format, which is now supported natively by multiple AI coding tools. You can install them into any supported editor using the Vercel Skills CLI.
Important: Always use the
-aflag to target your editor, otherwise skills will be symlinked into every supported agent directory.
Install all skills for your editor:
# For Cursor
# 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
Or install each skill set separately:
# Backoffice extension skills (58 skills)
npx skills add https://github.com/umbraco/Umbraco-CMS-Backoffice-Skills/tree/main/plugins/umbraco-backoffice-skills/skills -a cursor
# Testing skills (8 skills) - optional but recommended
npx skills add https://github.com/umbraco/Umbraco-CMS-Backoffice-Skills/tree/main/plugins/umbraco-testing-skills/skills -a cursor
# Install specific skills
npx skills add umbraco/Umbraco-CMS-Backoffice-Skills --skill umbraco-dashboard --skill umbraco-tree -a cursor
| Editor | Minimum Version | Skills Path |
|---|---|---|
| Cursor | 2.4+ (January 2026) | .cursor/skills/ |
| GitHub Copilot (VS Code) | VS Code 1.109+ (January 2026) | .github/skills/ |
| GitHub Copilot (Coding Agent) | Supported | .github/skills/ |
| Windsurf | Current | .windsurf/skills/ |
| Claude Code | Current (use Quick Start above) | .claude/skills/ |
All of these editors load skills on-demand — only the skill relevant to your current task is loaded into context, so installing all 66 skills won't affect performance.
These skills are your entry points for Umbraco backoffice extension development. Start here.
umbraco-quickstart - Quick SetupStart here if you're new. Sets up everything in one command and guides you through planning, building, and validating your extension.
# 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:
umbraco-extension-reviewer to catch and fix issuesIf you prefer to set things up step by step:
Use the package-script-writer skill to create an Umbraco instance using the PSW CLI.
/package-script-writer MyProject
Thanks to Paul Seal (@prjseal) for his hard work on the PSW CLI.
Use umbraco-extension-template to create a new extension project:
/umbraco-extension-template MyFeature
Or manually:
dotnet new install Umbraco.Templates
dotnet new umbraco-extension -n MyExtension -ex
cd MyExtension/Client && npm install && npm run watch
Use umbraco-add-extension-reference to register your extension with the Umbraco project:
/umbraco-add-extension-reference MyExtension