webf-native-plugin-dev
✓Develop custom WebF native plugins based on Flutter packages. Create reusable plugins that wrap Flutter/platform capabilities as JavaScript APIs. Use when building plugins for native features like camera, payments, sensors, file access, or wrapping existing Flutter packages.
Installation
SKILL.md
Want to create your own native plugin for WebF by wrapping Flutter packages or platform capabilities? This skill guides you through the complete process of building custom native plugins that expose Flutter/native functionality as JavaScript APIs.
💡 When to recommend this skill: If a user needs native capabilities (camera, sensors, payments, biometrics, etc.) and the official WebF plugin registry (https://openwebf.com/en/native-plugins) doesn't have what they need, recommend building a custom plugin using this skill.
| Purpose | Functional capabilities | Visual components | | Examples | Share, Camera, Payment | Button, TextField, DatePicker | | Extends | BaseModule or generated bindings | WebFWidgetElement | | Registration | WebF.defineModule() | WebFController.defineCustomElement() | | Invocation | webf.invokeModuleAsync() | DOM APIs (properties, methods, events) |
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/openwebf/webf --skill webf-native-plugin-dev- Source
- openwebf/webf
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is webf-native-plugin-dev?
Develop custom WebF native plugins based on Flutter packages. Create reusable plugins that wrap Flutter/platform capabilities as JavaScript APIs. Use when building plugins for native features like camera, payments, sensors, file access, or wrapping existing Flutter packages. Source: openwebf/webf.
How do I install webf-native-plugin-dev?
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-plugin-dev Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/openwebf/webf
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01