Umbraco Mfa Login Provider
Handles the frontend piece of two-factor authentication in Umbraco's backoffice. You'll need a backend ITwoFactorProvider already configured in C#, then this generates the UI component that users interact with to enable, disable, and configure their 2FA method. The skill pulls current docs and walks through creating the manifest plus configuration element, whether you need a custom QR code setup for authenticator apps or just want to use Umbraco's default element. Good separation of concerns: backend handles validation and secrets, this handles the user-facing setup flow. The examples show proper TypeScript patterns with notification contexts and form handling.
- skills.sh installs
- 400
- GitHub stars
- 27
- last updated
- Aug 21, 2026
Install
$ npx -y skills add umbraco/umbraco-cms-backoffice-skills --skill umbraco-mfa-login-provider --agent claude-codeInstalls into .claude/skills of the current project.
Files
Umbraco MFA Login Provider
What is it?
An MFA Login Provider is the UI component for Two-Factor Authentication (2FA) in Umbraco. It provides the interface for users to enable/disable and configure their 2FA provider (e.g., Google Authenticator, SMS codes). The backend ITwoFactorProvider must be configured separately in C# - this extension type handles the frontend setup and configuration UI.
Documentation
Always fetch the latest docs before implementing:
- Two-Factor Authentication: https://docs.umbraco.com/umbraco-cms/run-in-production/security/two-factor-authentication
- Extension Types: https://docs.umbraco.com/umbraco-cms/extend-your-project/backoffice-extensions/extending-overview/extension-types
- Foundation: https://docs.umbraco.com/umbraco-cms/extend-your-project/backoffice-extensions/foundation
Workflow
- Fetch docs - Use WebFetch on the URLs above
- Ask questions - What 2FA method? QR code setup? Custom validation UI?
- Configure backend - Set up C# ITwoFactorProvider first
- Generate frontend files - Create manifest + configuration element
- Explain - Show what was created and how to test
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/umbraco/umbraco-cms-backoffice-skills
- Categories
- Documentation, .NET & C#
- First seen
- Jun 3, 2026
More from umbraco/umbraco-cms-backoffice-skills
All 76- Umbraco Repository Pattern400
- Umbraco Auth Provider399
- Umbraco Dynamic Root399
- Umbraco Collection View398
- Umbraco Entity Bulk Actions398
- Umbraco Localization398
- Umbraco Modals398
- Umbraco Entry Point397
- Umbraco Granular User Permissions397
- Umbraco Header Apps397
- Umbraco Health Check397
- Umbraco Icons397
- Umbraco Package View397
- Umbraco Property Action397
- Umbraco Property Editor Schema397
- Umbraco Review Checks397
- Umbraco Sections397
- Umbraco Block Editor Custom View396
- Umbraco Bundle396
- Umbraco Collection396
- Umbraco Current User Action396
- Umbraco Entity Actions396
- Umbraco File Upload Preview396
- Umbraco Picker Data Source396
Recommended
More Documentation
ai-productdavila7/claude-code-templatesEvery product will be AI-powered. The question is whether you'll build it right or ship a demo that falls apart in production. This skill covers LLM integration399skills.sh installs
umbraco-auth-providerumbraco/umbraco-cms-backoffice-skillsImplement authentication providers for Umbraco backoffice using official docs399skills.sh installsumbraco-dynamic-rootumbraco/umbraco-cms-backoffice-skillsImplement dynamic root origins and query steps in Umbraco backoffice using official docs399skills.sh installsumbraco-collection-viewumbraco/umbraco-cms-backoffice-skillsImplement collection views in Umbraco backoffice using official docs398skills.sh installsumbraco-entity-bulk-actionsumbraco/umbraco-cms-backoffice-skillsImplement entity bulk actions in Umbraco backoffice using official docs398skills.sh installsumbraco-modalsumbraco/umbraco-cms-backoffice-skillsImplement modals in Umbraco backoffice using official docs398skills.sh installs