openwebfOfficial·16 Agent Skills Included

webf

Build native Flutter apps using JavaScript, React, and Vue

Guides AI agents through building native mobile and desktop apps with web technologies on the WebF runtime for Flutter. Covers project setup, API compatibility checks, hybrid routing, async rendering, infinite scrolling lists, and native UI components. Eliminates guesswork around unsupported browser APIs and bridges JavaScript code with native device features like camera and sharing.

2,510|163

↗

npx skills add openwebf/webf --all -g -y

Available:

Directs the AI agent to folder-specific development guides and enforces build, testing, and code-generation rules when working on the WebF runtime and its sub-skills.

All Skills in This Repository (16)

Pure Emerald Level Indicators

📦 In Repo

openwebf

webf-api-compatibility

Report WebF support status for JavaScript APIs, DOM methods, and CSS features.

webf-quickstart

Scaffold a Vite-based frontend and load it into WebF Go for testing.

webf-routing-setup

Configures hybrid routing in WebF with native Flutter screen transitions.

webf-native-plugin-dev

Wrap Flutter packages as WebF native plugins with JavaScript APIs.

webf-native-ui

Integrates WebF's Cupertino UI components into JavaScript projects.

webf-native-ui-dev

Wrap Flutter widgets as WebF custom elements and generate TypeScript definitions.

webf-native-plugins

Enables browser-like apps to access native phone and computer features via plugins.

webf-infinite-scrolling

Build infinite scrolling lists in WebF environments using WebFListView with React or Vue.

webf-api-compatibility

Check Web API and CSS feature compatibility in the WebF Flutter runtime.

webf-routing-setup

Configure hybrid routing with native screen transitions in WebF applications.

webf-async-rendering

Handle WebF asynchronous layout using onscreen events and useFlutterAttached for correct element measurements.

webf-native-plugin-dev

Create WebF native plugins that wrap Flutter packages as JavaScript APIs.

Official

Advanced

Frequently Asked Questions

FAQPage Schema

How to install WebF skills?▼

Run `npx skills add openwebf/webf --all -g -y` in your terminal to install all WebF skills globally for your AI agent.

What is WebF used for?▼

WebF is a web-standard runtime for Flutter that lets you build native iOS, Android, and desktop apps using JavaScript, HTML, CSS, React, or Vue instead of a WebView.

Which browser APIs does WebF not support?▼

WebF does not support IndexedDB, WebGL, Web Workers, Shadow DOM, float layout, or table layout. The compatibility skill helps your agent find alternatives like localStorage, Flexbox, or native plugins.

Can I use react-router-dom with WebF?▼

No. WebF uses hybrid routing where each route is a separate native screen, so you must use @openwebf/react-router or @openwebf/vue-router instead of standard SPA routers.

Do I need Flutter installed to develop WebF apps?▼

No. For development and testing you only need Node.js and the WebF Go preview app; Flutter is only required when building the final production app.