openwebf-host-hybrid-routing

Implement hybrid routing between Flutter and WebF using go_router and WebFSubView.

Updated Dec 17, 2025
One-click install
npx skills add https://github.com/archview-ai/webf-plugin --skill openwebf-host-hybrid-routing
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: openwebf-host-hybrid-routing
Source: https://github.com/archview-ai/webf-plugin/tree/main/webf-plugin/skills/openwebf-host-hybrid-routing
Command: npx skills add https://github.com/archview-ai/webf-plugin --skill openwebf-host-hybrid-routing

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Implement hybrid routing between Flutter and WebF using WebFSubView and go_router, including route mapping and layouts.

Core Features & Use Cases

  • Route Flutter paths to WebF routes explicitly
  • Support layouts and shell UI coordination between Flutter and WebF

Quick Start

Scaffold a routing pattern that maps Flutter routes to WebF sub-routes using WebFSubView.

Frequently Asked Questions about openwebf-host-hybrid-routing

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

FAQPage Schema
How do I implement hybrid routing between Flutter and WebF in my app?

Hybrid routing between Flutter and WebF unifies navigation by mapping Flutter routes to WebF sub-routes using WebFSubView and go_router. Create explicit route mappings, coordinate layouts between frameworks, and export a routing scaffold template to handle cross-framework navigation and deep links consistently.

Can I use go_router with WebFSubView for routing?

Yes, go_router integrates with WebFSubView to enable hybrid routing. The Skill implements route mapping patterns that connect go_router's Flutter navigation to WebF routes, managing shell UI coordination and layout responsibilities across both frameworks.

What's the best way to map Flutter routes to WebF routes?

Map Flutter routes to WebF routes explicitly through centralized route mappings and use WebFSubView to render WebF content within Flutter's navigation hierarchy. This approach validates back navigation, handles deep links, and maintains cross-framework consistency in hybrid applications.

How do I handle layouts when routing between Flutter and WebF?

Coordinate layouts between Flutter and WebF by centralizing route mappings and defining shell UI scaffolds. The routing scaffold template clarifies which framework handles layout for each route, ensuring seamless transitions and preventing conflicting layout responsibilities.

Do I need WebFSubView to set up hybrid routing with go_router?

Yes, WebFSubView is required to render and route WebF content within a Flutter app using go_router. The Skill detects WebFSubView presence and go_router usage, then generates routing patterns that properly integrate both frameworks.

How do I validate back navigation and deep links in hybrid routing?

Hybrid routing validation ensures back navigation and deep links work consistently across Flutter and WebF by testing cross-framework navigation paths. The routing scaffold template and explicit mappings help catch routing inconsistencies and edge cases before deployment.

Related Skills