webf-native-ui-dev

SKILL.md

Want to create your own native UI library for WebF by wrapping Flutter widgets? This skill guides you through the complete process of building custom native UI libraries that make Flutter widgets accessible from JavaScript/TypeScript with React and Vue support.

See Complete Example for a full implementation of a text input component with:

Develop custom native UI libraries based on Flutter widgets for WebF. Create reusable component libraries that wrap Flutter widgets as web-accessible custom elements. Use when building UI libraries, wrapping Flutter packages, or creating native component systems. Source: openwebf/webf.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/openwebf/webf --skill webf-native-ui-dev Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw