Wrap Flutter widgets as WebF custom elements for web apps.
npx skills add https://github.com/jidohyun/NOD --skill webf-native-ui-dev-jidohyun
Please help me install this Agent Skill. Skill: webf-native-ui-dev Source: https://github.com/jidohyun/NOD/tree/main/.agents/skills/webf-native-ui-dev Command: npx skills add https://github.com/jidohyun/NOD --skill webf-native-ui-dev-jidohyun
Exposes Flutter widgets as web components by wrapping them as WebF custom elements to enable seamless web integration and reuse.
Create a Flutter widget, wrap it as a WebF custom element, and register it with WebF.defineCustomElement.
High-intent search queries and answers about installing and using this skill.
You expose Flutter widgets as web components by wrapping them as WebF custom elements and registering them with WebF.defineCustomElement to map widget properties to HTML attributes.
Yes, you can map Flutter widget properties to HTML attributes by wrapping widgets as WebF custom elements, which also handles dispatching events to the DOM during frontend integration.
Yes, WebF is required to build a reusable Flutter UI library for web apps because it provides the custom element wrapping mechanism needed to drop Flutter widgets into any web page.
You register a custom element with WebF.defineCustomElement by creating a Flutter widget, wrapping it as a WebF custom element, and mapping its widget properties to HTML attributes for web pages.
The main limitation is the strict dependency on Flutter, WebF, and a specific build setup to map attributes and register custom elements, making it unsuitable for standard web-only workflows.
first-flukeWrap Flutter widgets as HTML custom elements using WebF tooling.
openwebfWrap Flutter widgets as WebF custom elements and generate TypeScript definitions.
openwebfIntegrates WebF's Cupertino UI components into JavaScript projects.
maurodf0Create native WebF plugins by wrapping Flutter capabilities into JavaScript APIs.
