What is the primary purpose of the HybridWebView skill?

It provides expert guidance on embedding local web content in .NET MAUI apps and establishing secure, efficient communication between C# and JavaScript.

Does this skill support NativeAOT and trimming?

Yes, it emphasizes the use of source-generated JSON serialization (JsonSerializerContext) which is required for NativeAOT and trimming compatibility.

How does it handle data exchange between languages?

The skill covers both typed interop using InvokeJavaScriptAsync and InvokeDotNet, as well as unstructured raw messaging for simple string-based transfers.

Can I use this for Blazor Hybrid applications?

No, this skill is specifically designed for the HybridWebView control. Blazor Hybrid uses a different architecture and is explicitly listed as an out-of-scope use case.

MAUI HybridWebView Integration

Name: MAUI HybridWebView Integration
Author: davidortinau

bydavidortinau

•

Mobile Development

Facilitates seamless integration of web content and bidirectional JavaScript-C# communication within .NET MAUI applications.

This skill provides specialized guidance for implementing the HybridWebView control in .NET MAUI, enabling developers to build applications that blend native performance with web-based user interfaces. It covers essential patterns for bidirectional communication, including typed interop with source-generated JSON serialization, raw messaging for unstructured data, and the correct project structure for local web assets. Additionally, it provides critical configuration details for .NET 9+ exception forwarding and ensuring compatibility with trimming and NativeAOT environments.

主要功能

0198 GitHub stars

02Management of local web assets and project directory structures

03Handling and forwarding of JavaScript exceptions to .NET managed code

04Bidirectional C# and JavaScript interop with typed parameter support

05Implementation of raw messaging for lightweight string communication

06Source-generated JSON serialization patterns for NativeAOT compatibility

使用场景

01Migrating complex web-based logic into a native mobile application framework

02Implementing data-heavy exchanges between a web frontend and a native C# backend

03Building .NET MAUI apps that require high-performance local web UI components

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add davidortinau/maui-skills maui-hybridwebview

For use in Claude.ai and ChatGPT

Download Skill