/hybrid-ui

Description

Build hybrid UI components (custom elements backed by Flutter widgets).

AI Summary

Builds hybrid UI components with Flutter widgets for WebF custom elements.

Install

Add the repository(one-time)

/plugin marketplace add archview-ai/webf-plugin

Install the plugin

/plugin install webf@openwebf

Argument

path

Allowed Tools

ReadGrepGlobBashEditWritemcp__openwebf__docs_searchmcp__openwebf__docs_get_sectionmcp__openwebf__templates_get

Command Content

Hybrid UI Components

Build Flutter-backed components that can be used from WebF apps as custom elements.

If the user passed $ARGUMENTS, treat it as the directory to inspect; otherwise use the current working directory.
Call mcp__openwebf__docs_search for “Build Hybrid UI Components”.
Cover:
- Architecture (Custom Element → WidgetElement → Flutter Widget)
- Binding/codegen workflow
- Children patterns (single/multiple/slotted)
- Infinite constraints pitfalls and recommended properties/strategies
If user wants scaffolding, offer:
- mcp__openwebf__templates_get with hybrid-ui/widgetelement
- mcp__openwebf__templates_get with hybrid-ui/children-single
- mcp__openwebf__templates_get with hybrid-ui/children-multiple

Links

GitHub Stats

0 forks

Updated 22 days ago