Skills
.Work. You
Rest

webf-native-plugin-dev

Official

Build custom WebF native plugins.

Software Engineering#typescript#plugin development#flutter#native modules#webf#javascript api
AuthorVIDLG
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables developers to create custom native plugins for WebF, bridging the gap between web technologies and native device capabilities or existing Flutter packages.

Core Features & Use Cases

  • Wrap Flutter Packages: Integrate existing Flutter libraries into your WebF application.
  • Expose Native APIs: Make device features like camera, sensors, or payments accessible from JavaScript.
  • Create Reusable Modules: Build functional libraries that can be shared across projects.
  • Use Case: You need to access a device's Bluetooth Low Energy (BLE) capabilities, but no official WebF plugin exists. This Skill guides you through creating a custom plugin that wraps a Flutter BLE package, exposing its functionality to your web application.

Quick Start

Use the webf-native-plugin-dev skill to create a new WebF native plugin named 'MyCameraPlugin' based on the Flutter package located at './flutter_packages/webf_camera'.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: webf-native-plugin-dev
Download link: https://github.com/VIDLG/webfly/archive/main.zip#webf-native-plugin-dev

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.