i-synergy-maui-ui

Reuse shared MVVM patterns and bootstrap logic across MAUI and Blazor shells.

11|2|Updated Jul 14, 2020
One-click install
npx skills add https://github.com/I-Synergy/I-Synergy.Framework --skill i-synergy-maui-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: i-synergy-maui-ui
Source: https://github.com/I-Synergy/I-Synergy.Framework/tree/main/skills/maui-blazor
Command: npx skills add https://github.com/I-Synergy/I-Synergy.Framework --skill i-synergy-maui-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Centralized MVVM patterns and a shared bootstrapper across MAUI and Blazor shells to avoid duplication and ensure consistent UX.

Core Features & Use Cases

  • Shared ViewModels across MAUI XAML pages and Blazor components.
  • Unified startup bootstrapper (ConfigureServices) for all shells to register services, theming, localization, and navigation.
  • BlazorWebView hosting to run Razor UI inside MAUI with same design system.

Quick Start

Create a MAUI app that reuses the same ViewModels and bootstrapper across MAUI and Blazor components, then wire BlazorWebView to render Razor UI with shared theming.

Frequently Asked Questions about i-synergy-maui-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I share ViewModels between MAUI and Blazor to avoid duplicating MVVM logic?

Sharing ViewModels across MAUI and Blazor requires deriving them from the ISynergy MVVM base and using a unified bootstrapper. This lets both native MAUI XAML pages and BlazorWebView Razor components bind to the same data context.

What is a unified bootstrapper for MAUI and Blazor shells?

A unified bootstrapper for MAUI and Blazor shells is a centralized MauiProgram.ConfigureServices pattern. It registers services, theming, localization, and navigation once to ensure consistent UX across both native and web UIs without duplicating startup logic.

Can I use BlazorWebView inside a .NET MAUI app with a shared design system?

Yes, you can host BlazorWebView inside a .NET MAUI app to render Razor UI. By applying a unified design system and shared theming through the bootstrapper, both the native MAUI pages and the hosted Blazor components maintain consistent styling.

How do I propagate tenant or user context across MAUI XAML pages and Blazor components?

Propagate tenant or user context across MAUI and Blazor by using a ScopedContextService within your shared MVVM architecture. This ensures both native MAUI shells and BlazorWebView components receive the same authenticated context.

Does this unified MVVM bootstrapper approach work for both native MAUI and Razor UIs?

Yes, the unified bootstrapper approach works for both native MAUI and Razor UIs. It centralizes the ConfigureServices pattern so that MAUI XAML pages and BlazorWebView components share the same registered services, ViewModels, and theming.