[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-dotnet-maui-blazor-hybrid":3,"mdc-d4m3oz-key":49,"related-repo-dotnet-maui-blazor-hybrid":1151,"related-org-dotnet-maui-blazor-hybrid":1259},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":28,"repoUrl":29,"updatedAt":30,"license":31,"forks":32,"topics":33,"repo":44,"sourceUrl":47,"mdContent":48},"maui-blazor-hybrid","build and debug MAUI Blazor Hybrid apps","Build and debug .NET MAUI Blazor Hybrid features with BlazorWebView, HybridWebView, Razor components, static assets, JS\u002F.NET interop, trimming\u002FNativeAOT concerns, and DevFlow CDP route inspection. USE FOR: MAUI apps hosting Razor UI, embedded HTML\u002FJS, choosing BlazorWebView vs HybridWebView, AddMauiBlazorWebView, RootComponent, SendRawMessage\u002FRawMessageReceived, JSON DTO contracts, JsonSerializerContext, wwwroot assets, hybrid auth\u002Fdata handoff, stale DOM\u002FRazor route debugging, and maui_cdp_webviews\u002Fsource\u002Fevaluate\u002Fscreenshot\u002Flogs. DO NOT USE FOR: pure XAML UI or browser-only apps.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"dotnet",".NET (Microsoft)","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fdotnet.png",[12,16,19,22,25],{"name":13,"slug":14,"type":15},"C#","csharp","tag",{"name":17,"slug":18,"type":15},"MAUI","maui",{"name":20,"slug":21,"type":15},"Mobile","mobile",{"name":23,"slug":24,"type":15},"Blazor","blazor",{"name":26,"slug":27,"type":15},"Frontend","frontend",190,"https:\u002F\u002Fgithub.com\u002Fdotnet\u002Fmaui-labs","2026-07-12T08:22:19.061135",null,21,[34,35,36,8,37,38,18,39,40,21,41,42,43],"ai","android","desktop","ios","maccatalyst","mcp","microsoft","multi-platform","user-interface","winui",{"repoUrl":29,"stars":28,"forks":32,"topics":45,"description":46},[34,35,36,8,37,38,18,39,40,21,41,42,43],"Experimental and pre-release tools for .NET MAUI","https:\u002F\u002Fgithub.com\u002Fdotnet\u002Fmaui-labs\u002Ftree\u002FHEAD\u002Fplugins\u002Fdotnet-maui-app\u002Fskills\u002Fmaui-blazor-hybrid","---\nname: maui-blazor-hybrid\ndescription: >-\n  Build and debug .NET MAUI Blazor Hybrid features with BlazorWebView, HybridWebView, Razor components, static assets, JS\u002F.NET interop, trimming\u002FNativeAOT concerns, and DevFlow CDP route inspection. USE FOR: MAUI apps hosting Razor UI, embedded HTML\u002FJS, choosing BlazorWebView vs HybridWebView, AddMauiBlazorWebView, RootComponent, SendRawMessage\u002FRawMessageReceived, JSON DTO contracts, JsonSerializerContext, wwwroot assets, hybrid auth\u002Fdata handoff, stale DOM\u002FRazor route debugging, and maui_cdp_webviews\u002Fsource\u002Fevaluate\u002Fscreenshot\u002Flogs. DO NOT USE FOR: pure XAML UI or browser-only apps.\n---\n\n# MAUI Blazor Hybrid\n\nUse this skill when a MAUI app hosts Razor components or an embedded web surface\ninside a native app.\n\n## Workflow\n\n1. Inspect `MauiProgram.cs`, `.razor` files, `wwwroot`, and XAML pages that host\n   `BlazorWebView` or `HybridWebView`.\n2. Choose the right host:\n   - `BlazorWebView` for Razor components rendered inside MAUI.\n   - `HybridWebView` for HTML\u002FJavaScript content that exchanges messages with\n     .NET without using the Blazor component model.\n3. Register Blazor Hybrid services in `MauiProgram.cs`.\n4. Keep native services in MAUI DI and consume them from Razor through DI.\n5. Put static web assets under `wwwroot` or referenced Razor class libraries.\n6. Use JS\u002F.NET interop through documented APIs, not platform WebView internals.\n   For `HybridWebView` raw messaging, always show `SendRawMessage`,\n   `RawMessageReceived`, a JSON DTO contract, and a source-generated\n   `JsonSerializerContext`\u002F`System.Text.Json` path when trimming, NativeAOT,\n   Release trimming, or trimming-safe messaging is part of the request. Do not\n   answer with only raw strings or `DynamicDependency`.\n7. Review trimming and NativeAOT risks for reflection, serialization, and JS\n   interop payloads.\n8. Use DevFlow CDP tools to inspect WebView DOM, console logs, CDP screenshots,\n   and route state when debugging. For Blazor Hybrid stale route\u002FDOM answers,\n   explicitly name `maui_cdp_webviews`, `maui_cdp_source` or\n   `maui_cdp_evaluate`, and at least one evidence tool: `maui_cdp_screenshot`\n   or `maui_logs`.\n\n## BlazorWebView Pattern\n\n```csharp\nbuilder.Services.AddMauiBlazorWebView();\n```\n\n```xml\n\u003CBlazorWebView HostPage=\"wwwroot\u002Findex.html\">\n    \u003CBlazorWebView.RootComponents>\n        \u003CRootComponent Selector=\"#app\" ComponentType=\"{x:Type local:Routes}\" \u002F>\n    \u003C\u002FBlazorWebView.RootComponents>\n\u003C\u002FBlazorWebView>\n```\n\nRazor components can inject MAUI services registered in the same DI container.\nKeep platform work behind interfaces so components remain testable. The root\ncomponent type depends on the template; newer templates often use `Routes`,\nwhile older templates may use `Main`.\n\n## HybridWebView Pattern\n\nUse `HybridWebView` when the app owns an HTML\u002FJS surface and needs message\nexchange. For raw JS\u002F.NET messaging answers, include both the raw message APIs\nand a typed JSON DTO\u002Fsource-generated serialization boundary:\n\n```csharp\nhybridWebView.SendRawMessage(\"refresh\");\nhybridWebView.RawMessageReceived += OnRawMessageReceived;\n```\n\nFor non-trivial or trimming-sensitive payloads, keep messages typed at the .NET\nboundary instead of switching on ad-hoc strings. Use a DTO plus `System.Text.Json`\nsource generation (`[JsonSerializable]` and `JsonSerializerContext`) so\nserialization stays trimming\u002FNativeAOT friendly:\n\n```csharp\npublic sealed record HybridMessage(string Action, string? Id);\n\n[JsonSerializable(typeof(HybridMessage))]\ninternal sealed partial class HybridJsonContext : JsonSerializerContext\n{\n}\n\nvoid OnRawMessageReceived(object? sender, HybridWebViewRawMessageReceivedEventArgs e)\n{\n    var message = JsonSerializer.Deserialize(\n        e.Message,\n        HybridJsonContext.Default.HybridMessage);\n\n    if (message is null)\n        throw new JsonException(\"Malformed HybridWebView message.\");\n\n    \u002F\u002F Dispatch only known actions after validating authorization\u002Fstate.\n}\n\nhybridWebView.SendRawMessage(JsonSerializer.Serialize(\n    new HybridMessage(\"refresh\", null),\n    HybridJsonContext.Default.HybridMessage));\n```\n\n```javascript\nwindow.HybridWebView.SendRawMessage(JSON.stringify({\n  action: \"save\",\n  id: \"42\"\n}));\n```\n\n## Static Assets\n\n- Put app-owned web files under `wwwroot`.\n- Use `_content\u002F{PackageId}\u002F...` for static web assets from Razor class\n  libraries.\n- Avoid file-system paths that only work on one platform.\n- Ensure CSP, local scripts, and asset paths work from the packaged app origin,\n  not just from a development server.\n\n## Interop and State\n\n- Use `IJSRuntime` from Razor components for Blazor JS interop.\n- Use `HybridWebView` messaging APIs for non-Blazor HTML\u002FJS content.\n- Dispose `DotNetObjectReference` instances when Razor components are disposed\n  to avoid leaking component instances through JavaScript references.\n- Keep auth\u002Fsession\u002Fdata services native-side and expose only the minimal state\n  needed by Razor or JavaScript.\n- Do not put long-lived secrets in browser local storage.\n- Validate `RawMessageReceived` payloads against an expected schema before\n  dispatching to .NET logic. Do not let raw messages trigger sensitive\n  operations without authorization checks at the .NET receiver.\n\n## Trimming and NativeAOT Guardrails\n\n- Prefer `System.Text.Json` source-generated contexts for interop DTOs.\n- Avoid reflection-based component discovery or dynamic serialization unless\n  annotations\u002Fpreservation are added.\n- Test release builds because debug WebView behavior can hide trimming issues.\n- Check third-party JS\u002F.NET interop packages for trimming support.\n\n## DevFlow CDP Debugging\n\nWhen DevFlow is enabled, use WebView CDP tools to debug cross-route behavior:\n\n```bash\nmaui devflow mcp\n```\n\nBlazor WebView developer tools and platform WebView debugging must be enabled\nonly in debug builds:\n\n```csharp\n#if DEBUG\nbuilder.Services.AddBlazorWebViewDeveloperTools();\n#endif\n```\n\nRelevant MCP tools include `maui_cdp_webviews`, `maui_cdp_source`,\n`maui_cdp_evaluate`, `maui_cdp_screenshot`, and `maui_logs`. Inspect the active\nWebView before evaluating route-specific DOM or JavaScript. When the issue is\nstale Blazor route state or DOM, include `maui_cdp_screenshot` for WebView\nvisual evidence and\u002For `maui_logs` for Blazor rendering or WebView console\nerrors; do not substitute only the generic app-level `maui_screenshot` for CDP\nWebView evidence. Do not ship release builds with WebView devtools or CDP access\nenabled.\n\n## Validation Checklist\n\n- `AddMauiBlazorWebView` is registered for Blazor Hybrid apps.\n- Static assets resolve from packaged `wwwroot` or RCL `_content` paths.\n- JS\u002F.NET interop uses Blazor or HybridWebView APIs intentionally.\n- HybridWebView raw messages use JSON DTOs plus `JsonSerializerContext` or\n  another explicit `System.Text.Json` source-generated path when trimming-safe\n  serialization matters.\n- Release\u002Ftrimming-sensitive code avoids unpreserved reflection.\n- DevFlow CDP inspection targets the correct WebView and route, and route\u002FDOM\n  debugging guidance names `maui_cdp_screenshot` or `maui_logs` for evidence.\n",{"data":50,"body":51},{"name":4,"description":6},{"type":52,"children":53},"root",[54,62,68,75,282,288,308,361,381,387,399,422,449,643,780,786,822,828,889,895,925,931,936,963,968,999,1058,1064,1145],{"type":55,"tag":56,"props":57,"children":58},"element","h1",{"id":4},[59],{"type":60,"value":61},"text","MAUI Blazor Hybrid",{"type":55,"tag":63,"props":64,"children":65},"p",{},[66],{"type":60,"value":67},"Use this skill when a MAUI app hosts Razor components or an embedded web surface\ninside a native app.",{"type":55,"tag":69,"props":70,"children":72},"h2",{"id":71},"workflow",[73],{"type":60,"value":74},"Workflow",{"type":55,"tag":76,"props":77,"children":78},"ol",{},[79,126,155,166,171,183,234,239],{"type":55,"tag":80,"props":81,"children":82},"li",{},[83,85,92,94,100,102,108,110,116,118,124],{"type":60,"value":84},"Inspect ",{"type":55,"tag":86,"props":87,"children":89},"code",{"className":88},[],[90],{"type":60,"value":91},"MauiProgram.cs",{"type":60,"value":93},", ",{"type":55,"tag":86,"props":95,"children":97},{"className":96},[],[98],{"type":60,"value":99},".razor",{"type":60,"value":101}," files, ",{"type":55,"tag":86,"props":103,"children":105},{"className":104},[],[106],{"type":60,"value":107},"wwwroot",{"type":60,"value":109},", and XAML pages that host\n",{"type":55,"tag":86,"props":111,"children":113},{"className":112},[],[114],{"type":60,"value":115},"BlazorWebView",{"type":60,"value":117}," or ",{"type":55,"tag":86,"props":119,"children":121},{"className":120},[],[122],{"type":60,"value":123},"HybridWebView",{"type":60,"value":125},".",{"type":55,"tag":80,"props":127,"children":128},{},[129,131],{"type":60,"value":130},"Choose the right host:\n",{"type":55,"tag":132,"props":133,"children":134},"ul",{},[135,145],{"type":55,"tag":80,"props":136,"children":137},{},[138,143],{"type":55,"tag":86,"props":139,"children":141},{"className":140},[],[142],{"type":60,"value":115},{"type":60,"value":144}," for Razor components rendered inside MAUI.",{"type":55,"tag":80,"props":146,"children":147},{},[148,153],{"type":55,"tag":86,"props":149,"children":151},{"className":150},[],[152],{"type":60,"value":123},{"type":60,"value":154}," for HTML\u002FJavaScript content that exchanges messages with\n.NET without using the Blazor component model.",{"type":55,"tag":80,"props":156,"children":157},{},[158,160,165],{"type":60,"value":159},"Register Blazor Hybrid services in ",{"type":55,"tag":86,"props":161,"children":163},{"className":162},[],[164],{"type":60,"value":91},{"type":60,"value":125},{"type":55,"tag":80,"props":167,"children":168},{},[169],{"type":60,"value":170},"Keep native services in MAUI DI and consume them from Razor through DI.",{"type":55,"tag":80,"props":172,"children":173},{},[174,176,181],{"type":60,"value":175},"Put static web assets under ",{"type":55,"tag":86,"props":177,"children":179},{"className":178},[],[180],{"type":60,"value":107},{"type":60,"value":182}," or referenced Razor class libraries.",{"type":55,"tag":80,"props":184,"children":185},{},[186,188,193,195,201,203,209,211,217,219,225,227,233],{"type":60,"value":187},"Use JS\u002F.NET interop through documented APIs, not platform WebView internals.\nFor ",{"type":55,"tag":86,"props":189,"children":191},{"className":190},[],[192],{"type":60,"value":123},{"type":60,"value":194}," raw messaging, always show ",{"type":55,"tag":86,"props":196,"children":198},{"className":197},[],[199],{"type":60,"value":200},"SendRawMessage",{"type":60,"value":202},",\n",{"type":55,"tag":86,"props":204,"children":206},{"className":205},[],[207],{"type":60,"value":208},"RawMessageReceived",{"type":60,"value":210},", a JSON DTO contract, and a source-generated\n",{"type":55,"tag":86,"props":212,"children":214},{"className":213},[],[215],{"type":60,"value":216},"JsonSerializerContext",{"type":60,"value":218},"\u002F",{"type":55,"tag":86,"props":220,"children":222},{"className":221},[],[223],{"type":60,"value":224},"System.Text.Json",{"type":60,"value":226}," path when trimming, NativeAOT,\nRelease trimming, or trimming-safe messaging is part of the request. Do not\nanswer with only raw strings or ",{"type":55,"tag":86,"props":228,"children":230},{"className":229},[],[231],{"type":60,"value":232},"DynamicDependency",{"type":60,"value":125},{"type":55,"tag":80,"props":235,"children":236},{},[237],{"type":60,"value":238},"Review trimming and NativeAOT risks for reflection, serialization, and JS\ninterop payloads.",{"type":55,"tag":80,"props":240,"children":241},{},[242,244,250,251,257,259,265,267,273,275,281],{"type":60,"value":243},"Use DevFlow CDP tools to inspect WebView DOM, console logs, CDP screenshots,\nand route state when debugging. For Blazor Hybrid stale route\u002FDOM answers,\nexplicitly name ",{"type":55,"tag":86,"props":245,"children":247},{"className":246},[],[248],{"type":60,"value":249},"maui_cdp_webviews",{"type":60,"value":93},{"type":55,"tag":86,"props":252,"children":254},{"className":253},[],[255],{"type":60,"value":256},"maui_cdp_source",{"type":60,"value":258}," or\n",{"type":55,"tag":86,"props":260,"children":262},{"className":261},[],[263],{"type":60,"value":264},"maui_cdp_evaluate",{"type":60,"value":266},", and at least one evidence tool: ",{"type":55,"tag":86,"props":268,"children":270},{"className":269},[],[271],{"type":60,"value":272},"maui_cdp_screenshot",{"type":60,"value":274},"\nor ",{"type":55,"tag":86,"props":276,"children":278},{"className":277},[],[279],{"type":60,"value":280},"maui_logs",{"type":60,"value":125},{"type":55,"tag":69,"props":283,"children":285},{"id":284},"blazorwebview-pattern",[286],{"type":60,"value":287},"BlazorWebView Pattern",{"type":55,"tag":289,"props":290,"children":294},"pre",{"className":291,"code":292,"language":14,"meta":293,"style":293},"language-csharp shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","builder.Services.AddMauiBlazorWebView();\n","",[295],{"type":55,"tag":86,"props":296,"children":297},{"__ignoreMap":293},[298],{"type":55,"tag":299,"props":300,"children":303},"span",{"class":301,"line":302},"line",1,[304],{"type":55,"tag":299,"props":305,"children":306},{},[307],{"type":60,"value":292},{"type":55,"tag":289,"props":309,"children":313},{"className":310,"code":311,"language":312,"meta":293,"style":293},"language-xml shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CBlazorWebView HostPage=\"wwwroot\u002Findex.html\">\n    \u003CBlazorWebView.RootComponents>\n        \u003CRootComponent Selector=\"#app\" ComponentType=\"{x:Type local:Routes}\" \u002F>\n    \u003C\u002FBlazorWebView.RootComponents>\n\u003C\u002FBlazorWebView>\n","xml",[314],{"type":55,"tag":86,"props":315,"children":316},{"__ignoreMap":293},[317,325,334,343,352],{"type":55,"tag":299,"props":318,"children":319},{"class":301,"line":302},[320],{"type":55,"tag":299,"props":321,"children":322},{},[323],{"type":60,"value":324},"\u003CBlazorWebView HostPage=\"wwwroot\u002Findex.html\">\n",{"type":55,"tag":299,"props":326,"children":328},{"class":301,"line":327},2,[329],{"type":55,"tag":299,"props":330,"children":331},{},[332],{"type":60,"value":333},"    \u003CBlazorWebView.RootComponents>\n",{"type":55,"tag":299,"props":335,"children":337},{"class":301,"line":336},3,[338],{"type":55,"tag":299,"props":339,"children":340},{},[341],{"type":60,"value":342},"        \u003CRootComponent Selector=\"#app\" ComponentType=\"{x:Type local:Routes}\" \u002F>\n",{"type":55,"tag":299,"props":344,"children":346},{"class":301,"line":345},4,[347],{"type":55,"tag":299,"props":348,"children":349},{},[350],{"type":60,"value":351},"    \u003C\u002FBlazorWebView.RootComponents>\n",{"type":55,"tag":299,"props":353,"children":355},{"class":301,"line":354},5,[356],{"type":55,"tag":299,"props":357,"children":358},{},[359],{"type":60,"value":360},"\u003C\u002FBlazorWebView>\n",{"type":55,"tag":63,"props":362,"children":363},{},[364,366,372,374,380],{"type":60,"value":365},"Razor components can inject MAUI services registered in the same DI container.\nKeep platform work behind interfaces so components remain testable. The root\ncomponent type depends on the template; newer templates often use ",{"type":55,"tag":86,"props":367,"children":369},{"className":368},[],[370],{"type":60,"value":371},"Routes",{"type":60,"value":373},",\nwhile older templates may use ",{"type":55,"tag":86,"props":375,"children":377},{"className":376},[],[378],{"type":60,"value":379},"Main",{"type":60,"value":125},{"type":55,"tag":69,"props":382,"children":384},{"id":383},"hybridwebview-pattern",[385],{"type":60,"value":386},"HybridWebView Pattern",{"type":55,"tag":63,"props":388,"children":389},{},[390,392,397],{"type":60,"value":391},"Use ",{"type":55,"tag":86,"props":393,"children":395},{"className":394},[],[396],{"type":60,"value":123},{"type":60,"value":398}," when the app owns an HTML\u002FJS surface and needs message\nexchange. For raw JS\u002F.NET messaging answers, include both the raw message APIs\nand a typed JSON DTO\u002Fsource-generated serialization boundary:",{"type":55,"tag":289,"props":400,"children":402},{"className":291,"code":401,"language":14,"meta":293,"style":293},"hybridWebView.SendRawMessage(\"refresh\");\nhybridWebView.RawMessageReceived += OnRawMessageReceived;\n",[403],{"type":55,"tag":86,"props":404,"children":405},{"__ignoreMap":293},[406,414],{"type":55,"tag":299,"props":407,"children":408},{"class":301,"line":302},[409],{"type":55,"tag":299,"props":410,"children":411},{},[412],{"type":60,"value":413},"hybridWebView.SendRawMessage(\"refresh\");\n",{"type":55,"tag":299,"props":415,"children":416},{"class":301,"line":327},[417],{"type":55,"tag":299,"props":418,"children":419},{},[420],{"type":60,"value":421},"hybridWebView.RawMessageReceived += OnRawMessageReceived;\n",{"type":55,"tag":63,"props":423,"children":424},{},[425,427,432,434,440,442,447],{"type":60,"value":426},"For non-trivial or trimming-sensitive payloads, keep messages typed at the .NET\nboundary instead of switching on ad-hoc strings. Use a DTO plus ",{"type":55,"tag":86,"props":428,"children":430},{"className":429},[],[431],{"type":60,"value":224},{"type":60,"value":433},"\nsource generation (",{"type":55,"tag":86,"props":435,"children":437},{"className":436},[],[438],{"type":60,"value":439},"[JsonSerializable]",{"type":60,"value":441}," and ",{"type":55,"tag":86,"props":443,"children":445},{"className":444},[],[446],{"type":60,"value":216},{"type":60,"value":448},") so\nserialization stays trimming\u002FNativeAOT friendly:",{"type":55,"tag":289,"props":450,"children":452},{"className":291,"code":451,"language":14,"meta":293,"style":293},"public sealed record HybridMessage(string Action, string? Id);\n\n[JsonSerializable(typeof(HybridMessage))]\ninternal sealed partial class HybridJsonContext : JsonSerializerContext\n{\n}\n\nvoid OnRawMessageReceived(object? sender, HybridWebViewRawMessageReceivedEventArgs e)\n{\n    var message = JsonSerializer.Deserialize(\n        e.Message,\n        HybridJsonContext.Default.HybridMessage);\n\n    if (message is null)\n        throw new JsonException(\"Malformed HybridWebView message.\");\n\n    \u002F\u002F Dispatch only known actions after validating authorization\u002Fstate.\n}\n\nhybridWebView.SendRawMessage(JsonSerializer.Serialize(\n    new HybridMessage(\"refresh\", null),\n    HybridJsonContext.Default.HybridMessage));\n",[453],{"type":55,"tag":86,"props":454,"children":455},{"__ignoreMap":293},[456,464,473,481,489,497,506,514,523,531,540,549,558,566,575,584,592,601,609,617,626,634],{"type":55,"tag":299,"props":457,"children":458},{"class":301,"line":302},[459],{"type":55,"tag":299,"props":460,"children":461},{},[462],{"type":60,"value":463},"public sealed record HybridMessage(string Action, string? Id);\n",{"type":55,"tag":299,"props":465,"children":466},{"class":301,"line":327},[467],{"type":55,"tag":299,"props":468,"children":470},{"emptyLinePlaceholder":469},true,[471],{"type":60,"value":472},"\n",{"type":55,"tag":299,"props":474,"children":475},{"class":301,"line":336},[476],{"type":55,"tag":299,"props":477,"children":478},{},[479],{"type":60,"value":480},"[JsonSerializable(typeof(HybridMessage))]\n",{"type":55,"tag":299,"props":482,"children":483},{"class":301,"line":345},[484],{"type":55,"tag":299,"props":485,"children":486},{},[487],{"type":60,"value":488},"internal sealed partial class HybridJsonContext : JsonSerializerContext\n",{"type":55,"tag":299,"props":490,"children":491},{"class":301,"line":354},[492],{"type":55,"tag":299,"props":493,"children":494},{},[495],{"type":60,"value":496},"{\n",{"type":55,"tag":299,"props":498,"children":500},{"class":301,"line":499},6,[501],{"type":55,"tag":299,"props":502,"children":503},{},[504],{"type":60,"value":505},"}\n",{"type":55,"tag":299,"props":507,"children":509},{"class":301,"line":508},7,[510],{"type":55,"tag":299,"props":511,"children":512},{"emptyLinePlaceholder":469},[513],{"type":60,"value":472},{"type":55,"tag":299,"props":515,"children":517},{"class":301,"line":516},8,[518],{"type":55,"tag":299,"props":519,"children":520},{},[521],{"type":60,"value":522},"void OnRawMessageReceived(object? sender, HybridWebViewRawMessageReceivedEventArgs e)\n",{"type":55,"tag":299,"props":524,"children":526},{"class":301,"line":525},9,[527],{"type":55,"tag":299,"props":528,"children":529},{},[530],{"type":60,"value":496},{"type":55,"tag":299,"props":532,"children":534},{"class":301,"line":533},10,[535],{"type":55,"tag":299,"props":536,"children":537},{},[538],{"type":60,"value":539},"    var message = JsonSerializer.Deserialize(\n",{"type":55,"tag":299,"props":541,"children":543},{"class":301,"line":542},11,[544],{"type":55,"tag":299,"props":545,"children":546},{},[547],{"type":60,"value":548},"        e.Message,\n",{"type":55,"tag":299,"props":550,"children":552},{"class":301,"line":551},12,[553],{"type":55,"tag":299,"props":554,"children":555},{},[556],{"type":60,"value":557},"        HybridJsonContext.Default.HybridMessage);\n",{"type":55,"tag":299,"props":559,"children":561},{"class":301,"line":560},13,[562],{"type":55,"tag":299,"props":563,"children":564},{"emptyLinePlaceholder":469},[565],{"type":60,"value":472},{"type":55,"tag":299,"props":567,"children":569},{"class":301,"line":568},14,[570],{"type":55,"tag":299,"props":571,"children":572},{},[573],{"type":60,"value":574},"    if (message is null)\n",{"type":55,"tag":299,"props":576,"children":578},{"class":301,"line":577},15,[579],{"type":55,"tag":299,"props":580,"children":581},{},[582],{"type":60,"value":583},"        throw new JsonException(\"Malformed HybridWebView message.\");\n",{"type":55,"tag":299,"props":585,"children":587},{"class":301,"line":586},16,[588],{"type":55,"tag":299,"props":589,"children":590},{"emptyLinePlaceholder":469},[591],{"type":60,"value":472},{"type":55,"tag":299,"props":593,"children":595},{"class":301,"line":594},17,[596],{"type":55,"tag":299,"props":597,"children":598},{},[599],{"type":60,"value":600},"    \u002F\u002F Dispatch only known actions after validating authorization\u002Fstate.\n",{"type":55,"tag":299,"props":602,"children":604},{"class":301,"line":603},18,[605],{"type":55,"tag":299,"props":606,"children":607},{},[608],{"type":60,"value":505},{"type":55,"tag":299,"props":610,"children":612},{"class":301,"line":611},19,[613],{"type":55,"tag":299,"props":614,"children":615},{"emptyLinePlaceholder":469},[616],{"type":60,"value":472},{"type":55,"tag":299,"props":618,"children":620},{"class":301,"line":619},20,[621],{"type":55,"tag":299,"props":622,"children":623},{},[624],{"type":60,"value":625},"hybridWebView.SendRawMessage(JsonSerializer.Serialize(\n",{"type":55,"tag":299,"props":627,"children":628},{"class":301,"line":32},[629],{"type":55,"tag":299,"props":630,"children":631},{},[632],{"type":60,"value":633},"    new HybridMessage(\"refresh\", null),\n",{"type":55,"tag":299,"props":635,"children":637},{"class":301,"line":636},22,[638],{"type":55,"tag":299,"props":639,"children":640},{},[641],{"type":60,"value":642},"    HybridJsonContext.Default.HybridMessage));\n",{"type":55,"tag":289,"props":644,"children":648},{"className":645,"code":646,"language":647,"meta":293,"style":293},"language-javascript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","window.HybridWebView.SendRawMessage(JSON.stringify({\n  action: \"save\",\n  id: \"42\"\n}));\n","javascript",[649],{"type":55,"tag":86,"props":650,"children":651},{"__ignoreMap":293},[652,702,736,762],{"type":55,"tag":299,"props":653,"children":654},{"class":301,"line":302},[655,661,666,670,674,679,684,688,693,698],{"type":55,"tag":299,"props":656,"children":658},{"style":657},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[659],{"type":60,"value":660},"window",{"type":55,"tag":299,"props":662,"children":664},{"style":663},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[665],{"type":60,"value":125},{"type":55,"tag":299,"props":667,"children":668},{"style":657},[669],{"type":60,"value":123},{"type":55,"tag":299,"props":671,"children":672},{"style":663},[673],{"type":60,"value":125},{"type":55,"tag":299,"props":675,"children":677},{"style":676},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[678],{"type":60,"value":200},{"type":55,"tag":299,"props":680,"children":681},{"style":657},[682],{"type":60,"value":683},"(JSON",{"type":55,"tag":299,"props":685,"children":686},{"style":663},[687],{"type":60,"value":125},{"type":55,"tag":299,"props":689,"children":690},{"style":676},[691],{"type":60,"value":692},"stringify",{"type":55,"tag":299,"props":694,"children":695},{"style":657},[696],{"type":60,"value":697},"(",{"type":55,"tag":299,"props":699,"children":700},{"style":663},[701],{"type":60,"value":496},{"type":55,"tag":299,"props":703,"children":704},{"class":301,"line":327},[705,711,716,721,727,732],{"type":55,"tag":299,"props":706,"children":708},{"style":707},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[709],{"type":60,"value":710},"  action",{"type":55,"tag":299,"props":712,"children":713},{"style":663},[714],{"type":60,"value":715},":",{"type":55,"tag":299,"props":717,"children":718},{"style":663},[719],{"type":60,"value":720}," \"",{"type":55,"tag":299,"props":722,"children":724},{"style":723},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[725],{"type":60,"value":726},"save",{"type":55,"tag":299,"props":728,"children":729},{"style":663},[730],{"type":60,"value":731},"\"",{"type":55,"tag":299,"props":733,"children":734},{"style":663},[735],{"type":60,"value":202},{"type":55,"tag":299,"props":737,"children":738},{"class":301,"line":336},[739,744,748,752,757],{"type":55,"tag":299,"props":740,"children":741},{"style":707},[742],{"type":60,"value":743},"  id",{"type":55,"tag":299,"props":745,"children":746},{"style":663},[747],{"type":60,"value":715},{"type":55,"tag":299,"props":749,"children":750},{"style":663},[751],{"type":60,"value":720},{"type":55,"tag":299,"props":753,"children":754},{"style":723},[755],{"type":60,"value":756},"42",{"type":55,"tag":299,"props":758,"children":759},{"style":663},[760],{"type":60,"value":761},"\"\n",{"type":55,"tag":299,"props":763,"children":764},{"class":301,"line":345},[765,770,775],{"type":55,"tag":299,"props":766,"children":767},{"style":663},[768],{"type":60,"value":769},"}",{"type":55,"tag":299,"props":771,"children":772},{"style":657},[773],{"type":60,"value":774},"))",{"type":55,"tag":299,"props":776,"children":777},{"style":663},[778],{"type":60,"value":779},";\n",{"type":55,"tag":69,"props":781,"children":783},{"id":782},"static-assets",[784],{"type":60,"value":785},"Static Assets",{"type":55,"tag":132,"props":787,"children":788},{},[789,800,812,817],{"type":55,"tag":80,"props":790,"children":791},{},[792,794,799],{"type":60,"value":793},"Put app-owned web files under ",{"type":55,"tag":86,"props":795,"children":797},{"className":796},[],[798],{"type":60,"value":107},{"type":60,"value":125},{"type":55,"tag":80,"props":801,"children":802},{},[803,804,810],{"type":60,"value":391},{"type":55,"tag":86,"props":805,"children":807},{"className":806},[],[808],{"type":60,"value":809},"_content\u002F{PackageId}\u002F...",{"type":60,"value":811}," for static web assets from Razor class\nlibraries.",{"type":55,"tag":80,"props":813,"children":814},{},[815],{"type":60,"value":816},"Avoid file-system paths that only work on one platform.",{"type":55,"tag":80,"props":818,"children":819},{},[820],{"type":60,"value":821},"Ensure CSP, local scripts, and asset paths work from the packaged app origin,\nnot just from a development server.",{"type":55,"tag":69,"props":823,"children":825},{"id":824},"interop-and-state",[826],{"type":60,"value":827},"Interop and State",{"type":55,"tag":132,"props":829,"children":830},{},[831,843,854,867,872,877],{"type":55,"tag":80,"props":832,"children":833},{},[834,835,841],{"type":60,"value":391},{"type":55,"tag":86,"props":836,"children":838},{"className":837},[],[839],{"type":60,"value":840},"IJSRuntime",{"type":60,"value":842}," from Razor components for Blazor JS interop.",{"type":55,"tag":80,"props":844,"children":845},{},[846,847,852],{"type":60,"value":391},{"type":55,"tag":86,"props":848,"children":850},{"className":849},[],[851],{"type":60,"value":123},{"type":60,"value":853}," messaging APIs for non-Blazor HTML\u002FJS content.",{"type":55,"tag":80,"props":855,"children":856},{},[857,859,865],{"type":60,"value":858},"Dispose ",{"type":55,"tag":86,"props":860,"children":862},{"className":861},[],[863],{"type":60,"value":864},"DotNetObjectReference",{"type":60,"value":866}," instances when Razor components are disposed\nto avoid leaking component instances through JavaScript references.",{"type":55,"tag":80,"props":868,"children":869},{},[870],{"type":60,"value":871},"Keep auth\u002Fsession\u002Fdata services native-side and expose only the minimal state\nneeded by Razor or JavaScript.",{"type":55,"tag":80,"props":873,"children":874},{},[875],{"type":60,"value":876},"Do not put long-lived secrets in browser local storage.",{"type":55,"tag":80,"props":878,"children":879},{},[880,882,887],{"type":60,"value":881},"Validate ",{"type":55,"tag":86,"props":883,"children":885},{"className":884},[],[886],{"type":60,"value":208},{"type":60,"value":888}," payloads against an expected schema before\ndispatching to .NET logic. Do not let raw messages trigger sensitive\noperations without authorization checks at the .NET receiver.",{"type":55,"tag":69,"props":890,"children":892},{"id":891},"trimming-and-nativeaot-guardrails",[893],{"type":60,"value":894},"Trimming and NativeAOT Guardrails",{"type":55,"tag":132,"props":896,"children":897},{},[898,910,915,920],{"type":55,"tag":80,"props":899,"children":900},{},[901,903,908],{"type":60,"value":902},"Prefer ",{"type":55,"tag":86,"props":904,"children":906},{"className":905},[],[907],{"type":60,"value":224},{"type":60,"value":909}," source-generated contexts for interop DTOs.",{"type":55,"tag":80,"props":911,"children":912},{},[913],{"type":60,"value":914},"Avoid reflection-based component discovery or dynamic serialization unless\nannotations\u002Fpreservation are added.",{"type":55,"tag":80,"props":916,"children":917},{},[918],{"type":60,"value":919},"Test release builds because debug WebView behavior can hide trimming issues.",{"type":55,"tag":80,"props":921,"children":922},{},[923],{"type":60,"value":924},"Check third-party JS\u002F.NET interop packages for trimming support.",{"type":55,"tag":69,"props":926,"children":928},{"id":927},"devflow-cdp-debugging",[929],{"type":60,"value":930},"DevFlow CDP Debugging",{"type":55,"tag":63,"props":932,"children":933},{},[934],{"type":60,"value":935},"When DevFlow is enabled, use WebView CDP tools to debug cross-route behavior:",{"type":55,"tag":289,"props":937,"children":941},{"className":938,"code":939,"language":940,"meta":293,"style":293},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","maui devflow mcp\n","bash",[942],{"type":55,"tag":86,"props":943,"children":944},{"__ignoreMap":293},[945],{"type":55,"tag":299,"props":946,"children":947},{"class":301,"line":302},[948,953,958],{"type":55,"tag":299,"props":949,"children":951},{"style":950},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[952],{"type":60,"value":18},{"type":55,"tag":299,"props":954,"children":955},{"style":723},[956],{"type":60,"value":957}," devflow",{"type":55,"tag":299,"props":959,"children":960},{"style":723},[961],{"type":60,"value":962}," mcp\n",{"type":55,"tag":63,"props":964,"children":965},{},[966],{"type":60,"value":967},"Blazor WebView developer tools and platform WebView debugging must be enabled\nonly in debug builds:",{"type":55,"tag":289,"props":969,"children":971},{"className":291,"code":970,"language":14,"meta":293,"style":293},"#if DEBUG\nbuilder.Services.AddBlazorWebViewDeveloperTools();\n#endif\n",[972],{"type":55,"tag":86,"props":973,"children":974},{"__ignoreMap":293},[975,983,991],{"type":55,"tag":299,"props":976,"children":977},{"class":301,"line":302},[978],{"type":55,"tag":299,"props":979,"children":980},{},[981],{"type":60,"value":982},"#if DEBUG\n",{"type":55,"tag":299,"props":984,"children":985},{"class":301,"line":327},[986],{"type":55,"tag":299,"props":987,"children":988},{},[989],{"type":60,"value":990},"builder.Services.AddBlazorWebViewDeveloperTools();\n",{"type":55,"tag":299,"props":992,"children":993},{"class":301,"line":336},[994],{"type":55,"tag":299,"props":995,"children":996},{},[997],{"type":60,"value":998},"#endif\n",{"type":55,"tag":63,"props":1000,"children":1001},{},[1002,1004,1009,1010,1015,1016,1021,1022,1027,1029,1034,1036,1041,1043,1048,1050,1056],{"type":60,"value":1003},"Relevant MCP tools include ",{"type":55,"tag":86,"props":1005,"children":1007},{"className":1006},[],[1008],{"type":60,"value":249},{"type":60,"value":93},{"type":55,"tag":86,"props":1011,"children":1013},{"className":1012},[],[1014],{"type":60,"value":256},{"type":60,"value":202},{"type":55,"tag":86,"props":1017,"children":1019},{"className":1018},[],[1020],{"type":60,"value":264},{"type":60,"value":93},{"type":55,"tag":86,"props":1023,"children":1025},{"className":1024},[],[1026],{"type":60,"value":272},{"type":60,"value":1028},", and ",{"type":55,"tag":86,"props":1030,"children":1032},{"className":1031},[],[1033],{"type":60,"value":280},{"type":60,"value":1035},". Inspect the active\nWebView before evaluating route-specific DOM or JavaScript. When the issue is\nstale Blazor route state or DOM, include ",{"type":55,"tag":86,"props":1037,"children":1039},{"className":1038},[],[1040],{"type":60,"value":272},{"type":60,"value":1042}," for WebView\nvisual evidence and\u002For ",{"type":55,"tag":86,"props":1044,"children":1046},{"className":1045},[],[1047],{"type":60,"value":280},{"type":60,"value":1049}," for Blazor rendering or WebView console\nerrors; do not substitute only the generic app-level ",{"type":55,"tag":86,"props":1051,"children":1053},{"className":1052},[],[1054],{"type":60,"value":1055},"maui_screenshot",{"type":60,"value":1057}," for CDP\nWebView evidence. Do not ship release builds with WebView devtools or CDP access\nenabled.",{"type":55,"tag":69,"props":1059,"children":1061},{"id":1060},"validation-checklist",[1062],{"type":60,"value":1063},"Validation Checklist",{"type":55,"tag":132,"props":1065,"children":1066},{},[1067,1078,1098,1103,1122,1127],{"type":55,"tag":80,"props":1068,"children":1069},{},[1070,1076],{"type":55,"tag":86,"props":1071,"children":1073},{"className":1072},[],[1074],{"type":60,"value":1075},"AddMauiBlazorWebView",{"type":60,"value":1077}," is registered for Blazor Hybrid apps.",{"type":55,"tag":80,"props":1079,"children":1080},{},[1081,1083,1088,1090,1096],{"type":60,"value":1082},"Static assets resolve from packaged ",{"type":55,"tag":86,"props":1084,"children":1086},{"className":1085},[],[1087],{"type":60,"value":107},{"type":60,"value":1089}," or RCL ",{"type":55,"tag":86,"props":1091,"children":1093},{"className":1092},[],[1094],{"type":60,"value":1095},"_content",{"type":60,"value":1097}," paths.",{"type":55,"tag":80,"props":1099,"children":1100},{},[1101],{"type":60,"value":1102},"JS\u002F.NET interop uses Blazor or HybridWebView APIs intentionally.",{"type":55,"tag":80,"props":1104,"children":1105},{},[1106,1108,1113,1115,1120],{"type":60,"value":1107},"HybridWebView raw messages use JSON DTOs plus ",{"type":55,"tag":86,"props":1109,"children":1111},{"className":1110},[],[1112],{"type":60,"value":216},{"type":60,"value":1114}," or\nanother explicit ",{"type":55,"tag":86,"props":1116,"children":1118},{"className":1117},[],[1119],{"type":60,"value":224},{"type":60,"value":1121}," source-generated path when trimming-safe\nserialization matters.",{"type":55,"tag":80,"props":1123,"children":1124},{},[1125],{"type":60,"value":1126},"Release\u002Ftrimming-sensitive code avoids unpreserved reflection.",{"type":55,"tag":80,"props":1128,"children":1129},{},[1130,1132,1137,1138,1143],{"type":60,"value":1131},"DevFlow CDP inspection targets the correct WebView and route, and route\u002FDOM\ndebugging guidance names ",{"type":55,"tag":86,"props":1133,"children":1135},{"className":1134},[],[1136],{"type":60,"value":272},{"type":60,"value":117},{"type":55,"tag":86,"props":1139,"children":1141},{"className":1140},[],[1142],{"type":60,"value":280},{"type":60,"value":1144}," for evidence.",{"type":55,"tag":1146,"props":1147,"children":1148},"style",{},[1149],{"type":60,"value":1150},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":1152,"total":1258},[1153,1172,1185,1199,1214,1231,1247],{"slug":1154,"name":1154,"fn":1155,"description":1156,"org":1157,"tags":1158,"stars":28,"repoUrl":29,"updatedAt":1171},"android-slim-bindings","create Android slim bindings for .NET","Create Android slim bindings for MAUI\u002F.NET Android. USE FOR: slim Android binding, Kotlin\u002FJava wrappers, build.gradle.kts, Maven, AAR\u002FJAR, AndroidMavenLibrary, AndroidLibrary, @JvmStatic, XA4241\u002FXA4242, Xamarin.AndroidX\u002FKotlin NuGets. DO NOT USE FOR: iOS\u002FmacOS bindings, general MAUI apps, or NuGet packaging.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1159,1162,1164,1167,1170],{"name":1160,"slug":1161,"type":15},".NET","net",{"name":1163,"slug":35,"type":15},"Android",{"name":1165,"slug":1166,"type":15},"Java","java",{"name":1168,"slug":1169,"type":15},"Kotlin","kotlin",{"name":20,"slug":21,"type":15},"2026-07-12T08:22:54.006105",{"slug":1173,"name":1173,"fn":1174,"description":1175,"org":1176,"tags":1177,"stars":28,"repoUrl":29,"updatedAt":1184},"devflow-automation","automate .NET MAUI app state","Automate MAUI app state through DevFlow Actions. USE FOR: `[DevFlowAction]` shortcuts, login, seed data, deep screens. DO NOT USE FOR: arbitrary methods, DI internals, UI MCP tools, connectivity, or build\u002Fdeploy issues.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1178,1179,1182,1183],{"name":1160,"slug":1161,"type":15},{"name":1180,"slug":1181,"type":15},"Automation","automation",{"name":17,"slug":18,"type":15},{"name":20,"slug":21,"type":15},"2026-07-12T08:22:56.616564",{"slug":1186,"name":1186,"fn":1187,"description":1188,"org":1189,"tags":1190,"stars":28,"repoUrl":29,"updatedAt":1198},"devflow-connect","diagnose DevFlow agent connectivity issues","Diagnose DevFlow agent connectivity. USE FOR: `maui devflow` connection failures, agent not found, ports, adb forwarding, broker. DO NOT USE FOR: build failures, setup, visual tree, or Blazor CDP.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1191,1194,1195],{"name":1192,"slug":1193,"type":15},"Debugging","debugging",{"name":17,"slug":18,"type":15},{"name":1196,"slug":1197,"type":15},"Networking","networking","2026-07-12T08:22:48.847431",{"slug":1200,"name":1200,"fn":1201,"description":1202,"org":1203,"tags":1204,"stars":28,"repoUrl":29,"updatedAt":1213},"dotnet-workload-info","discover MAUI workload metadata","Discover MAUI workload metadata from live NuGet APIs. USE FOR: workload manifest lookup, WorkloadDependencies.json, v3-flatcontainer, CLI-to-NuGet version conversion, Xcode\u002FJDK\u002FAndroid SDK requirements, CI sdkmanager packages, `packageid:Microsoft.Maui.Controls`. DO NOT USE FOR: installing workloads, build debugging, or app version edits.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1205,1206,1209,1212],{"name":13,"slug":14,"type":15},{"name":1207,"slug":1208,"type":15},"CLI","cli",{"name":1210,"slug":1211,"type":15},"Engineering","engineering",{"name":17,"slug":18,"type":15},"2026-07-12T08:22:46.318953",{"slug":1215,"name":1215,"fn":1216,"description":1217,"org":1218,"tags":1219,"stars":28,"repoUrl":29,"updatedAt":1230},"ios-slim-bindings","create iOS slim bindings for MAUI","Create iOS slim bindings for MAUI. USE FOR: slim iOS binding, Native Library Interop, Swift\u002FObjective-C wrappers, XcodeGen project.yml, Podfile, CocoaPods static linking, BUILD_LIBRARY_FOR_DISTRIBUTION, XcodeProject MSBuild, `@objc`\u002F`[Export]` selector crashes, async completion handlers. DO NOT USE FOR: Android bindings, general MAUI apps, or NuGet packaging.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1220,1221,1223,1224,1227],{"name":1160,"slug":1161,"type":15},{"name":1222,"slug":37,"type":15},"iOS",{"name":17,"slug":18,"type":15},{"name":1225,"slug":1226,"type":15},"Swift","swift",{"name":1228,"slug":1229,"type":15},"Xcode","xcode","2026-07-12T08:22:50.128667",{"slug":1232,"name":1232,"fn":1233,"description":1234,"org":1235,"tags":1236,"stars":28,"repoUrl":29,"updatedAt":1246},"maui-accessibility","implement accessibility in .NET MAUI apps","Make .NET MAUI apps accessible with semantic properties, screen reader labels\u002Fhints, heading levels, focus, announcements, AutomationProperties, touch targets, and platform checks. USE FOR: accessibility audits, WCAG UI fixes, TalkBack\u002FVoiceOver\u002FNarrator behavior, SemanticProperties.Description\u002FHint\u002FHeadingLevel, SemanticScreenReader.Announce, SetSemanticFocus, avoiding redundant Label metadata, hiding decorative content with IsInAccessibleTree=false, and CollectionView row semantics. DO NOT USE FOR: general layout, UI automation only, or performance tuning.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1237,1238,1241,1242,1243],{"name":1160,"slug":1161,"type":15},{"name":1239,"slug":1240,"type":15},"Accessibility","accessibility",{"name":17,"slug":18,"type":15},{"name":20,"slug":21,"type":15},{"name":1244,"slug":1245,"type":15},"WCAG","wcag","2026-07-12T08:22:17.823583",{"slug":1248,"name":1248,"fn":1249,"description":1250,"org":1251,"tags":1252,"stars":28,"repoUrl":29,"updatedAt":1257},"maui-ai-debugging","debug .NET MAUI application issues","Legacy DevFlow debug skill. USE FOR: `maui-ai-debugging`, `maui devflow`, screenshots, visual tree, Blazor CDP, simulator\u002Femulator debugging. DO NOT USE FOR: setup, desktop automation, AppleScript, host `xdotool`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1253,1254,1255,1256],{"name":1160,"slug":1161,"type":15},{"name":1192,"slug":1193,"type":15},{"name":17,"slug":18,"type":15},{"name":20,"slug":21,"type":15},"2026-07-12T08:22:52.634889",32,{"items":1260,"total":1414},[1261,1275,1290,1302,1318,1332,1348,1358,1370,1380,1393,1404],{"slug":1262,"name":1262,"fn":1263,"description":1264,"org":1265,"tags":1266,"stars":1272,"repoUrl":1273,"updatedAt":1274},"multithreaded-task-migration","migrate MSBuild tasks to multithreaded mode","Guide for migrating MSBuild tasks to multithreaded mode support, including compatibility red-team review. Use this when converting tasks to thread-safe versions, implementing IMultiThreadableTask, adding TaskEnvironment support, or auditing migrations for behavioral compatibility.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1267,1268,1269],{"name":1160,"slug":1161,"type":15},{"name":1210,"slug":1211,"type":15},{"name":1270,"slug":1271,"type":15},"Performance","performance",5535,"https:\u002F\u002Fgithub.com\u002Fdotnet\u002Fmsbuild","2026-07-22T05:37:33.965588",{"slug":1276,"name":1276,"fn":1277,"description":1278,"org":1279,"tags":1280,"stars":1287,"repoUrl":1288,"updatedAt":1289},"analyzing-dotnet-performance","analyze .NET code for performance anti-patterns","Scans .NET code for ~50 performance anti-patterns across async, memory, strings, collections, LINQ, regex, serialization, and I\u002FO with tiered severity classification. Use when analyzing .NET code for optimization opportunities, reviewing hot paths, or auditing allocation-heavy patterns.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1281,1282,1285,1286],{"name":1160,"slug":1161,"type":15},{"name":1283,"slug":1284,"type":15},"Code Analysis","code-analysis",{"name":1192,"slug":1193,"type":15},{"name":1270,"slug":1271,"type":15},4576,"https:\u002F\u002Fgithub.com\u002Fdotnet\u002Fskills","2026-07-12T08:23:25.400375",{"slug":1291,"name":1291,"fn":1292,"description":1293,"org":1294,"tags":1295,"stars":1287,"repoUrl":1288,"updatedAt":1301},"android-tombstone-symbolication","symbolicate .NET runtime frames in Android tombstones","Symbolicate the .NET runtime frames in an Android tombstone file. Extracts BuildIds and PC offsets from the native backtrace, downloads debug symbols from the Microsoft symbol server, and runs llvm-symbolizer to produce function names with source file and line numbers. USE FOR triaging a .NET MAUI or Mono Android app crash from a tombstone, resolving native backtrace frames in libmonosgen-2.0.so or libcoreclr.so to .NET runtime source code, or investigating SIGABRT, SIGSEGV, or other native signals originating from the .NET runtime on Android. DO NOT USE FOR pure Java\u002FKotlin crashes, managed .NET exceptions that are already captured in logcat, or iOS crash logs. INVOKES Symbolicate-Tombstone.ps1 script, llvm-symbolizer, Microsoft symbol server.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1296,1297,1298,1299],{"name":1160,"slug":1161,"type":15},{"name":1163,"slug":35,"type":15},{"name":1192,"slug":1193,"type":15},{"name":1300,"slug":40,"type":15},"Microsoft","2026-07-12T08:23:21.595572",{"slug":1303,"name":1303,"fn":1304,"description":1305,"org":1306,"tags":1307,"stars":1287,"repoUrl":1288,"updatedAt":1317},"apple-crash-symbolication","symbolicate .NET runtime frames in crash logs","Symbolicate .NET runtime frames in Apple platform .ips crash logs (iOS, tvOS, Mac Catalyst, macOS). Extracts UUIDs and addresses from the native backtrace, locates dSYM debug symbols, and runs atos to produce function names with source file and line numbers. Automatically downloads .dwarf symbols from the Microsoft symbol server using Mach-O UUIDs. USE FOR triaging a .NET MAUI or Mono app crash from an .ips file on any Apple platform, resolving native backtrace frames in libcoreclr or libmonosgen-2.0 to .NET runtime source code, retrieving .ips crash logs from a connected iOS device or iPhone, or investigating EXC_CRASH, EXC_BAD_ACCESS, SIGABRT, or SIGSEGV originating from the .NET runtime. DO NOT USE FOR pure Swift\u002FObjective-C crashes with no .NET components, or Android tombstone files. INVOKES Symbolicate-Crash.ps1 script, atos, dwarfdump, idevicecrashreport.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1308,1309,1310,1311,1314],{"name":1160,"slug":1161,"type":15},{"name":1192,"slug":1193,"type":15},{"name":1222,"slug":37,"type":15},{"name":1312,"slug":1313,"type":15},"macOS","macos",{"name":1315,"slug":1316,"type":15},"Observability","observability","2026-07-12T08:23:20.369986",{"slug":1319,"name":1319,"fn":1320,"description":1321,"org":1322,"tags":1323,"stars":1287,"repoUrl":1288,"updatedAt":1331},"assertion-quality","evaluate assertion quality in test suites","Analyzes the variety and depth of assertions across test suites in any language. Use when the user asks to evaluate assertion quality, find shallow tests, identify assertion-free tests (no assertions or only trivial ones like Assert.IsNotNull \u002F toBeTruthy()), flag self-referential or tautological assertions, measure assertion diversity, or audit whether tests verify different facets of behavior. Polyglot: .NET, Python, TS\u002FJS, Java, Go, Ruby, Rust, Swift, Kotlin, PowerShell, C++. DO NOT USE FOR: writing new tests (use code-testing-agent \u002F writing-mstest-tests), mutation reasoning about whether tests would catch a bug (use test-gap-analysis), or a general severity-ranked anti-pattern audit (use test-anti-patterns), fixing or rewriting assertions, or writing, fixing, or modernizing MSTest tests, assertions, or attributes (use writing-mstest-tests).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1324,1325,1328],{"name":1283,"slug":1284,"type":15},{"name":1326,"slug":1327,"type":15},"QA","qa",{"name":1329,"slug":1330,"type":15},"Testing","testing","2026-07-12T08:23:51.277743",{"slug":1333,"name":1333,"fn":1334,"description":1335,"org":1336,"tags":1337,"stars":1287,"repoUrl":1288,"updatedAt":1347},"author-component","create and review Blazor components","Create or review Blazor components (.razor files) with correct architecture. USE FOR: writing new Blazor components that do NOT involve JavaScript interop, implementing parameters and EventCallback, RenderFragment slots, component lifecycle (OnInitializedAsync, OnParametersSet), async patterns, IAsyncDisposable, CancellationToken, CSS isolation, code-behind. DO NOT USE FOR: creating new projects (use create-blazor-project), JavaScript interop or calling browser APIs from Blazor (use use-js-interop), forms and validation (use collect-user-input), prerendering issues (use support-prerendering), HTTP data fetching patterns (use fetch-and-send-data), coordinating state between unrelated components (use coordinate-components).\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1338,1339,1340,1341,1344],{"name":1160,"slug":1161,"type":15},{"name":23,"slug":24,"type":15},{"name":13,"slug":14,"type":15},{"name":1342,"slug":1343,"type":15},"UI Components","ui-components",{"name":1345,"slug":1346,"type":15},"Web Development","web-development","2026-07-15T06:03:29.216359",{"slug":1349,"name":1349,"fn":1350,"description":1351,"org":1352,"tags":1353,"stars":1287,"repoUrl":1288,"updatedAt":1357},"binlog-failure-analysis","analyze MSBuild binary logs","Analyze MSBuild binary logs to diagnose build failures. USE FOR: build errors that are unclear from console output, diagnosing cascading failures across multi-project builds, tracing MSBuild target execution order, and generally any MSBuild build issues. Requires an existing .binlog file. DO NOT USE FOR: generating binlogs (use binlog-generation), non-MSBuild build systems.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1354,1355,1356],{"name":1283,"slug":1284,"type":15},{"name":1192,"slug":1193,"type":15},{"name":1300,"slug":40,"type":15},"2026-07-12T08:21:34.637923",{"slug":1359,"name":1359,"fn":1360,"description":1361,"org":1362,"tags":1363,"stars":1287,"repoUrl":1288,"updatedAt":1369},"binlog-generation","generate MSBuild binary logs for diagnostics","Generate MSBuild binary logs (binlogs) for build diagnostics and analysis. USE FOR: adding \u002Fbl:{} to any dotnet build, test, pack, publish, or restore command to capture a full build execution trace, prerequisite for binlog-failure-analysis and build-perf-diagnostics skills, enabling post-build investigation of errors or performance. Requires MSBuild 17.8+ \u002F .NET 8 SDK+ for {} placeholder; PowerShell needs -bl:{{}}. DO NOT USE FOR: non-MSBuild build systems (npm, Maven, CMake), analyzing an existing binlog (use binlog-failure-analysis instead).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1364,1367,1368],{"name":1365,"slug":1366,"type":15},"Build","build",{"name":1192,"slug":1193,"type":15},{"name":1210,"slug":1211,"type":15},"2026-07-19T05:38:19.340791",{"slug":1371,"name":1371,"fn":1372,"description":1373,"org":1374,"tags":1375,"stars":1287,"repoUrl":1288,"updatedAt":1379},"build-parallelism","optimize MSBuild build parallelism","Diagnose and fix under-parallelized MSBuild builds. USE WHEN a multi-project solution build is slower than expected, doesn't speed up when you add cores, pegs a single core while others idle, or you want to know why `-m` isn't helping. Note: `\u002Fmaxcpucount` default is 1 (sequential) — always pass `-m` for parallel builds. Covers finding the critical path (longest serial ProjectReference chain), graph build (`\u002Fgraph`), BuildInParallel, and solution filters (`.slnf`). DO NOT USE FOR: single-project builds, incremental issues (use incremental-build), compilation slowness inside one project (use build-perf-diagnostics), non-MSBuild build systems.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1376,1377,1378],{"name":1160,"slug":1161,"type":15},{"name":1210,"slug":1211,"type":15},{"name":1270,"slug":1271,"type":15},"2026-07-19T05:38:18.364937",{"slug":1381,"name":1381,"fn":1382,"description":1383,"org":1384,"tags":1385,"stars":1287,"repoUrl":1288,"updatedAt":1392},"build-perf-baseline","establish and optimize build performance baselines","Establish build performance baselines and apply systematic optimization techniques. USE FOR: diagnosing slow builds, establishing before\u002Fafter measurements (cold, warm, no-op scenarios), applying optimization strategies like MSBuild Server, static graph builds, artifacts output, and dependency graph trimming. Start here before diving into build-perf-diagnostics, incremental-build, or build-parallelism. DO NOT USE FOR: non-MSBuild build systems, detailed bottleneck analysis (use build-perf-diagnostics after baselining).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1386,1387,1390,1391],{"name":1210,"slug":1211,"type":15},{"name":1388,"slug":1389,"type":15},"Monitoring","monitoring",{"name":1270,"slug":1271,"type":15},{"name":1329,"slug":1330,"type":15},"2026-07-12T08:21:35.865649",{"slug":1394,"name":1394,"fn":1395,"description":1396,"org":1397,"tags":1398,"stars":1287,"repoUrl":1288,"updatedAt":1403},"build-perf-diagnostics","diagnose MSBuild build performance bottlenecks","Diagnose MSBuild build performance bottlenecks using binary log analysis. USE FOR: identifying why builds are slow by analyzing binlog performance summaries, detecting ResolveAssemblyReference (RAR) taking >5s, Roslyn analyzers consuming >30% of Csc time, single targets dominating >50% of build time, node utilization below 80%, excessive Copy tasks, NuGet restore running every build. Covers timeline analysis, Target\u002FTask Performance Summary interpretation, and 7 common bottleneck categories. Use after build-perf-baseline has established measurements. DO NOT USE FOR: establishing initial baselines (use build-perf-baseline first), fixing incremental build issues (use incremental-build), parallelism tuning (use build-parallelism), non-MSBuild build systems.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1399,1400,1401,1402],{"name":1160,"slug":1161,"type":15},{"name":1192,"slug":1193,"type":15},{"name":1210,"slug":1211,"type":15},{"name":1270,"slug":1271,"type":15},"2026-07-12T08:21:40.961722",{"slug":1405,"name":1405,"fn":1406,"description":1407,"org":1408,"tags":1409,"stars":1287,"repoUrl":1288,"updatedAt":1413},"check-bin-obj-clash","detect MSBuild output path conflicts","Detects MSBuild projects with conflicting OutputPath or IntermediateOutputPath. USE FOR: builds failing with 'Cannot create a file when that file already exists', 'The process cannot access the file because it is being used by another process', intermittent build failures that succeed on retry, or missing\u002Foverwritten outputs in multi-project or multi-targeting builds where bin\u002Fobj (or project.assets.json) collide. Common causes: shared OutputPath, missing AppendTargetFrameworkToOutputPath, extra global properties (e.g. PublishReadyToRun), or SetTargetFramework on a ProjectReference to a single-targeting project. DO NOT USE FOR: file access errors unrelated to MSBuild (OS-level locking), single-project single-TFM builds, non-MSBuild build systems.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1410,1411,1412],{"name":1192,"slug":1193,"type":15},{"name":1210,"slug":1211,"type":15},{"name":1326,"slug":1327,"type":15},"2026-07-19T05:38:14.336279",144]